ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#content {
    width: 1120px;
    margin: 10px auto;
    /*overflow: hidden;*/
}

.banner-user {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

.banner-user .banner {
    width: 830px;
    height: 300px;
    float: left;
}

.banner-user .carousel-indicators {
    bottom: 20px;
    margin-bottom: 0;
    background: #4e5462;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #4e5462;
    left: 0;
    margin-left: 0;
    height: 16px;
    line-height: 16px;
    width: auto;
    right: 20px;
    left: inherit;
}

.banner-user .carousel-indicators li {
    border-color: #e4b35a;
    background-color: #e4b35a;
    margin: 0;
}

.banner-user .carousel-indicators li.active {
    border-color: #f86b00;
    background-color: #f86b00;
    width: 10px;
    height: 10px;
}

.banner-user .user {
    width: 290px;
    height: 300px;
    float: left;
}

.user-nologin {
    /*display: none;*/
    position: relative;
    width: 290px;
    height: 300px;
}

.user-nologin a {
    display: block;
    width: 170px;
    height: 35px;
    line-height: 35px;
    background: #334150;
    font-size: 14px;
    color: #fff;
    left: 60px;
    position: absolute;
    text-align: center;
}

.user-nologin a:hover {
    background: #394552;
}

.user-nologin a.login {
    top: 155px;
}

.user-nologin a.reg {
    top: 210px;
}


/*登录后界面 start*/

.user-logined {
    width: 100%;
    height: 100%;
    padding: 20px;
    /* background: url("../images/bg.png"); */
    background: url("../images/2021/2021-spring.png");
}

.region-head {
    height: 140px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.region-head .sign-in {
    display: block;
    float: right;
    width: 70px;
    height: 25px;
    cursor: pointer;
    background: url("../images/qiandao.png") center no-repeat;
}

.region-head .sign-in-en {
    display: block;
    float: right;
    width: 70px;
    height: 25px;
    background: url("../images/qiandaoen.png") center no-repeat;
}

.region-head .sign-in.active {
    display: block;
    float: right;
    width: 70px;
    height: 25px;
    background: url("../images/yiqiandao.png") center no-repeat;
}

.region-head .sign-in-en.active {
    display: block;
    float: right;
    width: 70px;
    height: 25px;
    background: url("../images/yiqiandaoen.png") center no-repeat;
}

.user-pic img {
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.user-pic-lg {
    background: url(../images/2021/2021-spring-user-avatar.png) center no-repeat;
    background-position-y: 14px;
    height: 109px;
}

.user-pic-lg img {
    width: 70px;
    height: 70px;
    margin: 10px 90px 0 90px;
}

.region-head .user-name {
    width: 250px;
    height: 45px;
    display: block;
    text-align: center;
    line-height: 14px;
    padding: 10px 50px 21px 50px;
}

.region-cnt {
    width: 100%;
    height: 80px;
}

.region-cnt .user-account-info {
    width: 125px;
    height: 80px;
    float: left;
}

.region-cnt .user-account-info span {
    width: 125px;
    display: block;
    border: 1px;
    text-align: center;
}

.region-cnt .user-account-info span:nth-child(1) {
    padding-top: 20px;
}

.region-cnt .user-account-info span:nth-child(2) {
    font-size: 20px;
}

.user-integration span:nth-child(2) {
    color: #ffdd65;
}

.region-foot {
    width: 100%;
    white-space: nowrap;
}

.region-foot a {
    font-size: 14px;
    color: white;
    text-align: center;
    display: inline-block;
    width: 115px;
    height: 35px;
    padding-top: 7px;
    /* background-color: rgba(40, 58, 70, 0.8); */
    background: url(../images/2021/btn-bg.png) center no-repeat;
}


.region-foot a:nth-child(1) {
    margin-right: 15px;
}


/*登录后界面 end*/

.floor {
    position: relative;
    margin-bottom: 20px;
}

.floor:before,
.floor:after {
    display: table;
    content: " ";
}

.floor:after {
    clear: both;
}

.floor .more-link {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #9f9f9f;
}

.floor-nav-bar {
    position: absolute;
    right: 0;
    top: 0;
    height: 38px;
    line-height: 35px;
}

.floor .more-link:hover {
    color: #e4b35a;
}

.floor-nav {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #141821;
    font-size: 14px;
}

.floor-nav2 {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: #1B1F2A;
    font-size: 14px;
}

.floor-nav .icon {
    margin-right: 5px;
    vertical-align: text-top;
}

.floor-nav-title {
    height: 40px;
    line-height: 40px;
    color: #e4b35a;
    padding: 0 20px;
}

#content .floor-nav li {
    height: 38px;
    line-height: 36px;
    background: transparent;
    padding: 0 20px;
    float: left;
    cursor: pointer;
    border: none;
    border-top: 2px solid #141821;
}


#content .floor-nav li.tint {
    border-top: 2px solid #1F222E;
}

#content .floor-nav2 li {
    border-top: 0;
    background: #1B1F2A;
}

#content .floor-nav li.active {
    border-top: 2px solid #e4b35a;
    background: #1b1f2a;
}

#content .floor-nav2 li.active {
    border-top: 0;
    background: transparent;
}

#content .floor-nav li.active a {
    color: #e4b35a;
    text-decoration: none;
}

#content .floor-nav2 li.active a {
    color: #367d50;
    text-decoration: none;
}

.tab-content {
    background: #1b1f2a;
}

.tab-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    padding-bottom: 20px;
}

.tab-content ul.floor-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tab-content ul li .img {
    position: relative;
    display: block;
    overflow: hidden;
}

.csgo-sale-item {
    height: 212px;
}

.tab-content ul li {
    background: #2c3040;
    color: #939395;
    float: left;
    border: 2px solid #2c3040;
    position: relative;
}

.sale-content ul.list-item4 li {
    margin-right: 8px;
}

.sale-content .tab-pane.active {
    background: #232836;
}

.tab-content ul li:hover img,
.floor-content ul li:hover img,
.floor ul li:hover img {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

.tab-content ul.user-inventory li:hover img {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: scale(1.31);
    -webkit-transform: scale(1.31);
    -moz-transform: scale(1.31);
    -ms-transform: scale(1.31);
}

.item-detail img,
.game-related-list li img,
#winnerMenber ul li img {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
}

.tab-content ul.list-item5 li {
    width: 200px;
    height: 200px;
    padding: 5px;
    margin-right: 20px;
    margin-top: 20px;
}

.tab-content ul.list-item5 li .csgo-info {
    width: 200px;
}

.tab-content ul li .name {
    margin-top: 10px;
}

.tab-content ul li p {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    margin: 5px 0;
}

.tab-content ul li .info {
    overflow: hidden;
}

.tab-content ul li .price {
    color: #e46409;
    font-size: 14px;
    font-weight: normal;
    vertical-align: bottom;
}

.tab-content ul li .num {
    float: right;
    color: #54565d;
}

.list-item4 li {
    width: 177px;
    padding: 3px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.list-item4 li .csgo-info {
    width: 177px;
}

.floor2-left {
    float: left;
    width: 810px;
    margin-right: 20px;
}

.floor2-right {
    float: left;
    width: 290px;
}

.floor li .img {
    display: block;
    overflow: hidden;
}

.list-item4 li .img {
    width: 167px;
    height: 110px;
}

.list-item4.user-inventory li {
    width: 115px;
    padding: 1px;
}

.list-item4.user-inventory li .img {
    width: 109px;
    height: 77px;
}

.list-item5 li .img {
    width: 186px;
    height: 127px;
    display: block;
    overflow: hidden;
}

.side-list li {
    padding: 15px 20px;
    border: 1px solid #1b1f2a;
    background: #1b1f2a;
    float: left;
    height: auto;
    width: 290px;
    position: relative;
}

.side-list li:nth-child(2n) {
    background-color: #282e3e;
    border-color: #282e3e;
}

.side-list li:hover {
    border-color: #404661;
    background-color: #282e3e;
}

.side-list li .img {
    width: 70px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
    float: left;
    position: relative;
}

.side-list li .img .rarity-box {
    position: absolute;
    display: block;
    width: 100%;
    font-size: 12px;
    left: 0;
    bottom: 0;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);
    background: rgba(0, 0, 0, 0.6);
    line-height: 16px;
    height: 16px;
    text-align: center;
    border-radius: 0;
}

.side-list li .info {
    float: left;
    line-height: 15px;
    width: 160px;
    overflow: hidden;
}

.side-list li .info p {
    margin-bottom: 3px;
}

.side-list li .info .price {
    color: #e4b35a;
}

.floor3 .tab-content ul.list-item5 li {
    background: url("../images/thbg.png") no-repeat;
    border: 2px solid #1b1f2a;
}

.floor4 .tab-content ul.list-item5 li {
    background: url("../images/xsbg.png") no-repeat;
    border: 2px solid #1b1f2a;
}

.floor6 .tab-content ul.list-item5 li {
    background: url("../images/bgr.png") no-repeat;
    border: 2px solid #1b1f2a;
}

.list-item6 li {
    width: 165px;
    height: 170px;
    padding: 4px;
    margin: 20px 18px 0 0;
}

.list-item6 li .csgo-info {
    width: 165px;
}

.list-item6 li .img {
    width: 154px;
    height: 104px;
    position: relative;
}

.csgo-item {
    position: relative;
    border-bottom: none;
}

.csgo-item .csgo-bar {
    background: url("../images/csgo-bg.png");
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.csgo-item .csgo-bar .arrow {
    position: absolute;
    left: 0;
    bottom: 5px;
    background: url("../images/icons.png") -124px -314px;
    width: 5px;
    height: 3px;
}

.csgo-item .csgo-info {
    display: none;
    border: 2px solid #404661;
    background-color: #282e3e;
    border-top: none;
    padding: 5px;
    width: 100%;
    bottom: -76px;
    left: -2px;
    position: absolute;
    z-index: 9999;
    height: 76px;
}

.csgo-item:hover .csgo-info {
    display: block;
}

.rarity-box {
    position: absolute;
    display: block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 10px;
    left: 5px;
    bottom: 5px;
    background: #000000;
    text-align: center;
}

.list-item4 li p {
    width: 165px;
}

.list-item5 li p {
    width: 185px;
}

.list-item6 li p {
    width: 155px;
}

.mall-detail-left {
    width: 810px;
    float: left;
    margin-right: 20px;
}

.mall-detail-right {
    width: 290px;
    float: left;
}

.sale-item {
    padding: 20px;
    position: relative;
    overflow: hidden;
    background-color: #1b1f2a;
}

.sale-item-csgo {
    background: url("../images/csgobg.jpg") no-repeat;
}

.sale-item-dota2 {
    background: url("../images/dota2bg.jpg") no-repeat;
}

.sale-item-img {
    float: left;
    width: 310px;
    height: 208px;
    margin: 5px 20px 5px 5px;
}

.sale-item-info {
    float: left;
    line-height: 1.4;
    width: 435px;
}

.sale-item-info .name {
    font-size: 18px;
    color: #d4d5d5;
}

.sale-item-info .hero {
    font-size: 14px;
    color: #a18551;
    margin: 15px 0;
    position: relative;
}

.sale-item-info .line {
    background: url("../images/line-bg.png");
    width: 430px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 12px;
    opacity: 0.3;
}

.sale-item-info .info {
    margin: 5px 0;
    color: #9f9f9f;
}

.sale-item-info .info p {
    margin: 5px 0;
}

.sale-item-num {
    font-size: 14px;
    text-align: right;
    color: #d4d5d5;
}

#content .sale-item-table th,
#content .sale-item-table td {
    border: none;
    vertical-align: middle;
}

.sale-item-table tr {
    background: #141821;
}

.sale-table-hover tr:hover td {
    border-top: 1px solid #404661;
}

.sale-item-table tr:hover:nth-child(2n+1),
.sale-item-table tr:hover {
    background: #32394c;
}

.table-tr .table {
    margin-bottom: 0;
}

#content .sale-item-table th {
    /*    padding: 10px 20px;*/
}

#content .sale-item-table.wide th {
    padding: 10px 10px;
}

#content .sale-item-table th:nth-child(1) {
    text-align: left;
}

#content .sale-user-table td {
    padding: 10px 20px;
}

#content .sale-user-table.wide td {
    padding: 10px 10px;
}

.sale-item-lists {
    background: #141821;
}

.sale-item-table th {
    text-align: left;
    background: #1b1f2a;
    padding: 10px;
}

.sale-item-table th {
    text-align: left;
    background: #1b1f2a;
}


/*.sale-item-table tr td:nth-child(1){
    max-width: 260px;
}
.sale-item-table tr td:nth-child(2){
    max-width: 100px;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
}
*/

.name.ellipsis-item {
    max-width: 180px;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis-item-250 {
    max-width: 250px;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
}

.sale-table-hover tr:hover {
    border: 1px solid #404661;
    background-color: #282e3e;
}

.sale-item-table tr:nth-child(2n+1) {
    background: #232836;
}

.sale-item-table .item-name .img {
    float: left;
    width: 80px;
    height: auto;
    border: 1px solid #b2b2b2;
    margin-right: 10px;
    margin-left: 10px;
}

.sale-item-table .item-name .info {
    float: left;
    text-align: left;
}

.sale-item-table .item-name .info .name {
    font-size: 14px;
    color: #d4d5d5;
}

.sale-pagination {
    background-color: #141821;
    overflow: hidden;
    text-align: center;
}

.pagination {
    margin-top: 0;
}

.pagination>li>a,
.pagination>li>span {
    padding: 13px 17px;
    margin-left: 1px;
    color: #797a7e;
    background-color: #2c3040;
    border: 1px solid #2c3040;
}

.little-pagenation>li>a {
    padding: 5px 10px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #a18551;
    background-color: #2c3040;
    border-color: #a18551;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #797a7e;
    background-color: #2c3040;
    border: 1px solid #2c3040;
}

.close {
    color: #7b8497;
    font-weight: normal;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #696f87;
}

.user-account {
    padding: 14px 0;
    background: #232836;
    text-align: center;
    margin-bottom: 15px;
}

.user-account .num {
    font-size: 24px;
    vertical-align: bottom;
}

.search-left {
    width: 290px;
    float: left;
    margin-right: 20px;
    border-top: 2px solid #1b1f2a;
    background: #141821;
}

.purchase-search-right {
    width: 290px;
    float: right;
    margin-left: 20px;
    border-top: 2px solid #1b1f2a;
    background: #141821;
}

.purchase-search-right2 {
    width: 220px;
    float: right;
    margin-left: 20px;
    border-top: 2px solid #1b1f2a;
    background: #141821;
}

.search-right {
    width: 810px;
    float: left;
    background: #141821;
}

.search-left .form-search {
    padding: 5px;
    float: none;
    background: #1b1f2a;
    margin: 0;
}

.search-left .form-search input {
    width: 100%;
}


/*.search-left .form-search button{
    top: 7px;
    right: 5px;
}*/

.search-filter {
    overflow: hidden;
    padding: 7px 6px 0;
}

.search-filter a {
    border: 1px solid #667485;
    padding: 0 5px;
    line-height: 22px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 7px;
}

.search-filter a .glyphicon {
    margin-left: 10px;
    color: #667485;
}

.filter-cat-group {
    background: #232836;
    overflow: hidden;
    margin-bottom: 1px;
}
.filter-cat-group-sticker {
    display: inline-block;
    width: 120px;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    background: #39404E;
}
.filter-cat-group-sticker.active {
    border: 1px solid #FFFFFF;
    border-radius: 1px;
    color: #E4B35A 
}


.filter-cat-title {
    color: #e4b35a;
}

.filter-cat-title-left {
    width: 75px;
    float: left;
    padding: 15px 0 15px 10px;
}

.filter-cat-title-top {
    padding-left: 15px;
    line-height: 34px;
}

.filter-cat-content-right {
    width: 215px;
    float: left;
    background: #1b1f2a;
    padding: 15px 0 15px 15px;
}

.filter-cat-content-right a {
    padding: 0 5px;
    line-height: 22px;
    margin-right: 5px;
    margin-bottom: 5px;
    white-space: nowrap;
    display: inline-block;
}

.filter-cat-content-right a:hover {
    color: #e4b35a;
}

.filter-cat-content {
    background: #1b1f2a;
    padding: 20px 19px;
    overflow: hidden;
}

.filter-hero {
    width: 62px;
    height: 35px;
    margin: 0 1px 1px 0;
    position: relative;
    cursor: pointer;
    float: left;
}

.prfph {
    width: 50px;
    height: 50px;
    border: 1px solid #e4b35a;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    float: left;
    margin-top: 5px;
}

.wechat_subct {
    float: left;
    padding-left: 10px;
    width: 190px;
}

.filter-hero .mask {
    width: 62px;
    height: 35px;
    position: absolute;
    background-color: black;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.filter-hero .mask.choose,
.filter-hero:hover .mask {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: transparent;
    border: 1px solid white;
}

.buy-left {
    background: #141821;
}

.account-left {
    width: 290px;
    float: left;
    margin-right: 20px;
}

.account-right {
    width: 810px;
    float: right;
    min-height: 770px;
    margin-top: 0 !important;
}

.account-content {
    padding: 20px;
    background: #1b1f2a;
    margin-bottom: 20px;
}

.account-record {
    background: #141821;
}

.account-amount {
    background: #232836;
}

.account-amount .amount {
    float: left;
    padding: 20px;
    width: 195px;
    height: 148px;
}

.account-amount .amount-getfee {
    margin-top: 14px;
    display: inline-block;
    margin-left: -18px;
    color: #e4b35a;
}

.account-amount p {
    margin-bottom: 5px;
}

.account-amount .amount1,
.account-amount .amount3 {
    background: #2c3040;
}

.account-amount .amount1 {
    width: 380px;
    height: 148px;
}

.account-amount .amount-w250 {
    width: 250px;
}

.account-amount .amount-w520 {
    width: 520px;
}

.user-bg {
    width: 290px;
    height: 191px;
    background: url("../images/user-bg.jpg");
    padding: 20px 20px 0;
}

.user-pic-name {
    overflow: hidden;
    height: 90px;
}

.user-pic {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.bot-img .user-pic {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.user-pic-sm {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.user-name {
    color: #fff;
    font-size: 14px;
    padding-top: 25px;
}

.user-info-list {
    line-height: 40px;
    overflow: hidden;
}

.popover-content {
    padding: 5px;
}

.tooltip-inner {
    background-color: #ff9400;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #ff9400;
}

.tooltip-default .tooltip-inner {
    background-color: #282e3d;
}

.tooltip.tooltip-default.top .tooltip-arrow {
    border-top-color: #282e3d;
}

.tooltip.tooltip-default.left .tooltip-arrow {
    border-left-color: #282e3d;
}

.tooltip.tooltip-default.right .tooltip-arrow {
    border-right-color: #282e3d;
}

.tooltip.tooltip-default.bottom .tooltip-arrow {
    border-bottom-color: #282e3d;
}

.account-left-nav li {
    width: 290px;
    height: 65px;
    line-height: 65px;
    padding-left: 65px;
    border: 1px solid #232836;
    background-color: #232836;
    background-image: url("../images/user-icon.png");
    background-repeat: no-repeat;
}

.account-left-nav li:hover {
    border-color: #404661;
    background-color: #282e3e;
}

.account-left-nav li:nth-child(2n) {
    background-color: #282e3e;
}

.account-left-nav li:nth-child {
    border-color: #282e3e;
}

.account-left-nav li:hover,
.account-left-nav li.active {
    background-image: url("../images/user-icon-hover.png");
    background-repeat: no-repeat;
}

.account-left-nav li:hover,
.account-left-nav li.active:nth-child(2n) {
    background-image: url("../images/user-icon-hover.png");
    background-repeat: no-repeat;
    background-color: #282e3e;
}

.account-left-nav li.nav0 {
    background-image: url('../images/account-nav0.png');
    background-repeat: no-repeat;
    background-position: 21px 16px;
}

.account-left-nav li.nav0:hover,
.account-left-nav li.nav0.active {
    background-image: url('../images/account-nav01.png');
    background-repeat: no-repeat;
    background-position: 21px 16px;
}

.account-left-nav li.nav1,
.account-left-nav li.nav1:hover,
.account-left-nav li.nav1.active {
    background-position: 9px -26px;
}

.account-left-nav li.nav2,
.account-left-nav li.nav2:hover,
.account-left-nav li.nav2.active {
    background-position: 9px -91px;
}

.account-left-nav li.nav3,
.account-left-nav li.nav3:hover,
.account-left-nav li.nav3.active {
    background-position: 9px -156px;
}

.account-left-nav li.nav4,
.account-left-nav li.nav4:hover,
.account-left-nav li.nav4.active {
    background-position: 9px -221px;
}

.account-left-nav li.nav5,
.account-left-nav li.nav5:hover,
.account-left-nav li.nav5.active {
    background-position: 9px -286px;
}

.account-left-nav li.nav6,
.account-left-nav li.nav6:hover,
.account-left-nav li.nav6.active {
    background-position: 9px -416px;
}

.account-left-nav li.nav7,
.account-left-nav li.nav7:hover,
.account-left-nav li.nav7.active {
    background-position: 9px -481px;
}

.account-left-nav li.nav8 {
    background-image: url("../images/key2.png");
    background-position: 20px 16px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav8:hover,
.account-left-nav li.nav8.active {
    background-image: url("../images/key.png");
    background-position: 20px 16px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav9 {
    background-image: url("../images/msg-icon.png");
    background-position: 20px 16px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav9:hover,
.account-left-nav li.nav9.active {
    background-image: url("../images/msg-icon2.png");
    background-position: 20px 16px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav10 {
    background-image: url("../images/steam2.png");
    background-position: 20px 16px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav10:hover,
.account-left-nav li.nav10.active {
    background-image: url("../images/steam1.png");
    background-position: 20px 16px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav11 {
    background-image: url("../images/user/user-icon.png");
    background-position: 9px -545px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav11:hover,
.account-left-nav li.nav11.active {
    background-image: url("../images/user/user-icon2.png");
    background-position: 9px -545px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav12 {
    background-image: url("../images/user/redlock/account.png");
    background-position: 19px 19px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav12:hover,
.account-left-nav li.nav12.active {
    background-image: url("../images/user/redlock/account2.png");
    background-position: 19px 19px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav13 {
    background-image: url("../images/user/redlock/account.png");
    background-position: 19px -63px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav13:hover,
.account-left-nav li.nav13.active {
    background-image: url("../images/user/redlock/account2.png");
    background-position: 19px -63px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav14 {
    background-image: url("../images/user/redlock/account.png");
    background-position: 19px -143px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav14:hover,
.account-left-nav li.nav14.active {
    background-image: url("../images/user/redlock/account2.png");
    background-position: 19px -143px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav15 {
    background-image: url("../images/user/redlock/account.png");
    background-position: 19px -223px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav15:hover,
.account-left-nav li.nav15.active {
    background-image: url("../images/user/redlock/account2.png");
    background-position: 19px -223px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav16 {
    background-image: url("../images/user/redlock/account.png");
    background-position: 19px -302px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav16:hover,
.account-left-nav li.nav16.active {
    background-image: url("../images/user/redlock/account2.png");
    background-position: 19px -302px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav17 {
    background-image: url("../images/user/compensate/transfer.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav17:hover,
.account-left-nav li.nav17.active {
    background-image: url("../images/user/compensate/transfer2.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav18 {
    background-image: url("../images/user/compensate/bid.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav18:hover,
.account-left-nav li.nav18.active {
    background-image: url("../images/user/compensate/bid2.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav19 {
    background-image: url("../images/user/compensate/king.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav19:hover,
.account-left-nav li.nav19.active {
    background-image: url("../images/user/compensate/king2.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav20 {
    background-image: url("../images/user/compensate/bid.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav20:hover,
.account-left-nav li.nav20.active {
    background-image: url("../images/user/compensate/bid2.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav21 {
    background-image: url("../images/user/compensate/changer.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li.nav21:hover,
.account-left-nav li.nav21.active {
    background-image: url("../images/user/compensate/changer2.png");
    background-position: 22px 22px;
    background-repeat: no-repeat;
}

.account-left-nav li a {
    color: #afb0b2
}

.account-left-nav li:hover a,
.account-left-nav li.active a {
    color: #e4b35a;
}

.sale-record {
    margin-bottom: 20px;
}

.sale-record-title {
    background-color: #2c3040;
    line-height: 40px;
}

.sale-record .sale-record-title col {
    padding: 0;
}

.sale-record .col {
    width: 14%;
    display: inline-block;
    padding: 10px;
}

.sale-record .col4 {
    width: 40%;
}

.sale-record .col3 {
    width: 29%;
}

#content .sale-record-group td {
    overflow: hidden;
    /*    white-space: nowrap;*/
    text-overflow: ellipsis;
    padding: 10px;
}

#content .sale-record-group.wide td {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 10px;
}

.nopadding {
    padding: 0 !important;
}

.sale-record-group {
    border: 1px solid #232836;
    margin-bottom: 10px;
}

.sale-record-group tr.sale-item-title {
    border-color: #2c3040;
}

.sale-record-group tr th {
    background-color: #2c3040;
}

.sale-record-group tr {
    border-color: #232836;
}

.sale-record-group tr.sale-record-top {
    background-color: #232836;
}

.sale-record-group tr.sale-record-bottom {
    background-color: #1b1f2a;
}

.sale-top {
    margin-bottom: 20px;
}

.sale-top-left {
    width: 25%;
    height: 120px;
    float: left;
    background-color: #232836;
}

.sale-top-left .sale-statistic {
    display: block;
    margin-top: 18px;
    margin-left: 18px;
    color: #FF7000;
    font-size: 24px;
}

.sale-top-left .sale-statistic-small {
    font-size: 14px;
}

.sale-top-left .btn {
    margin: 45px auto 0;
}

.sale-top-left .num {
    width: 150px;
    margin: 30px auto 0;
    text-align: left;
}

.sale-top-right {
    width: 579px;
    height: 120px;
    float: left;
}

.sale-content {
    position: relative;
}

#content .sale-content .floor-nav li.active {
    background-color: #2c3040;
}

.sale-seach-bar {
    line-height: 40px;
    background-color: #232836;
    padding-left: 10px;
    overflow: hidden;
    padding-right: 10px;
}

.sale-seach-bar-links {
    float: left;
    width: 560px;
}

.sale-seach-bar a {
    margin-right: 10px;
    white-space: nowrap;
}

.sale-seach-bar .form-search {
    margin: 0;
}

.sale-seach-bar .form-search input {
    width: 200px;
}

li .mask {
    display: none;
}

li.selected .mask,
li.sell-select .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 101;
    display: block;
    background: url('../images/checked.png') 0 0 no-repeat;
}

ul.sale-select-list li {
    margin: 7px 7px 0 0;
    float: left;
    width: 74px;
    height: 52px;
    cursor: pointer;
}

ul.sale-select-list.csgo li {
    margin: 7px 7px 0 0;
    float: left;
    width: 147px;
    height: 145px;
    cursor: pointer;
}

.sale-select-list li .img {
    width: 70px;
    height: 50px;
    border: 1px solid #d2d2d2;
    overflow: hidden;
    position: relative;
}

.sale-select-list.csgo li .img {
    width: 145px;
    height: 103px;
    overflow: hidden;
    position: relative;
}

.sale-select-list li .img .rarity-box {
    position: absolute;
    display: block;
    width: 100%;
    font-size: 12px;
    left: 0;
    bottom: 0;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);
    background: rgba(0, 0, 0, 0.6);
    line-height: 16px;
    height: 16px;
    text-align: center;
    border-radius: 0;
}

.price-list-bg {
    background: #232836;
}

ul.price-list li {
    width: 362px;
    border: none;
    background: none;
}

ul.price-list li .img {
    float: left;
    margin-right: 5px;
    border: 1px solid #d2d2d2;
}

ul.price-list li .info {
    width: 160px;
    float: left;
}

ul.price-list li .input {
    float: left;
    margin-top: 10px;
}

.sale-item-bottom {
    padding: 20px 0;
    background: #141821;
    overflow: hidden;
}

.account-top {
    height: 170px;
    overflow: hidden;
}

.account-user-pic {
    float: left;
    padding: 20px;
    background: #232836;
    position: relative;
}

.change-pic {
    background: #4d567f;
    height: 30px;
    line-height: 30px;
    color: #fff;
    display: block;
    text-align: center;
}

.account-user-info {
    float: left;
    padding: 10px 20px;
    background: url("../images/user-bg2.jpg") no-repeat;
    width: 630px;
}

.steam-bind {
    padding: 10px;
    background: url("../images/user-bg2.jpg") no-repeat #2c3040;
    background-position: 140px 0;
}

.account-user-info p {
    margin-bottom: 5px;
}

.account-user-info label {
    width: 50px;
    margin-right: 20px;
    display: inline-block;
}

.account-progress {
    margin: 20px 0 10px;
    overflow: hidden;
}

.account-progress .progress {
    width: 400px;
    height: 6px;
    background-color: #475063;
    margin: 5px 10px 0 10px;
}

.account-progress .progress-bar {
    background-color: #e4b35a;
}

.account-bottom .account-email-phone {
    border-top: 1px solid #2c3040;
    background: #1b1f2a;
    overflow: hidden;
    padding-left: 0;
}

.account-bottom .account-email-phone li {
    border: none;
    border-bottom: 1px solid #2c3040;
    padding: 20px 0;
    width: 100%;
    background: #1b1f2a;
}

.account-bottom .account-email-phone li .info {
    float: left;
    width: 200px;
    margin-left: 10px;
}


/*404界面 start*/

.page-err {
    width: 100%;
    height: 680px;
    padding-top: 100px;
    background: url("../images/err-bg2.jpg") center 0 no-repeat;
    text-align: center;
}

.page-err-img img {
    height: 200px;
    width: auto;
}

.page-err-text {
    font-size: 30px;
    color: white;
}

.back-to-main {
    font-size: 18px;
    color: #e4b35a;
    margin-top: 15px;
}

.page-err a {
    display: inline-block;
    font-size: 14px;
    color: white;
    width: 315px;
    height: 40px;
    background-color: rgba(228, 178, 89, 0.3);
    border: 1px solid #e4b259;
    border-radius: 2px;
    margin-top: 20px;
    padding-top: 7px;
}

.page-err a:hover {
    color: #e4b35a;
}


/*404界面 END*/

.c5-price {
    position: absolute;
    right: 5px;
    top: 5px;
    display: inline-block;
    padding: 0 4px;
    line-height: 13px;
    height: 13px;
    color: black;
    background: #a2a2a2;
    border-radius: 5px;
}


/*关于我们start*/

.about-us {
    background-color: #1b1f2a;
    height: 1000px;
}

.main-head {
    height: 220px;
    background: url(../images/bar.jpg);
}

.about-us h3 {
    color: white;
}

.about-us h4 {
    padding-top: 5px;
    color: #8bb2dc;
}

.main-head .head-floor1 {
    height: 137px;
    padding-top: 20px;
}

.main-head .head-floor2 {
    height: 83px;
    padding: 10px 0;
}

.head-floor2 label {
    margin: 0px 70px;
}

.head-floor2 label span {
    display: block;
    height: 80px;
    width: 50px;
    line-height: 12px;
    margin-left: 4px;
}

.head-floor2 label p {
    margin-top: 5px;
    color: white;
}

.head-floor2 label.active p {
    color: #e4b35a;
}

.head-floor2 label p:hover {
    color: #e4b35a;
}

.head-floor2 label span:hover~.head-floor2 label p {
    color: #e4b35a;
}

.head-floor2 label .about {
    background: url(../images/1-1.png) center 0 no-repeat;
}

.head-floor2 label.active .about {
    background: url(../images/1-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.head-floor2 label .about:hover {
    background: url(../images/1-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.head-floor2 label .question {
    background: url(../images/2-1.png) center 0 no-repeat;
}

.head-floor2 label.active .question {
    background: url(../images/2-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.head-floor2 label .question:hover {
    background: url(../images/2-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.head-floor2 label .notice {
    background: url(../images/3-1.png) center 0 no-repeat;
}

.head-floor2 label.active .notice {
    background: url(../images/3-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.head-floor2 label .notice:hover {
    background: url(../images/3-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.head-floor2 label .connect-us {
    background: url(../images/4-1.png) center 0 no-repeat;
}

.head-floor2 label.active .connect-us {
    background: url(../images/4-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.head-floor2 label .connect-us:hover {
    background: url(../images/4-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.head-floor2 label .join-us {
    background: url(../images/5-1.png) center 0 no-repeat;
}

.head-floor2 label.active .join-us {
    background: url(../images/5-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.head-floor2 label .join-us:hover {
    background: url(../images/5-2.png) center 0 no-repeat;
    color: #e4b35a;
}

.main-body {
    margin: 20px;
    background-color: #141821;
}

.body-title {
    height: 105px;
    padding-top: 10px;
    border-bottom: 1px solid #2c3038;
}

.body-page {
    height: 500px;
    margin-top: 1px;
    border-top: 1px solid #2c3038;
    font-size: 14px;
    line-height: 22px;
    padding: 20px 20px;
}

.fold-icon-1 {
    display: inline-block;
    color: #e4b35a;
    margin-left: 10px;
    padding-left: 20px;
    background: url("../images/open-icon.png") 0 center no-repeat;
}

.fold-icon-2 {
    display: inline-block;
    color: #e4b35a;
    margin-left: 10px;
    padding-left: 20px;
    background: url("../images/close-icon.png") 0 center no-repeat;
}


/*关于我们end*/


/*排序icon START*/

.arrow-up,
.arrow-down,
.ajax-filter-form .arrow-up,
.ajax-filter-form .arrow-down {
    display: none;
}

a.asc .arrow-up {
    display: inline-block;
    height: 19px;
    line-height: 19px;
}

a.desc .arrow-down {
    display: inline-block;
    height: 19px;
    line-height: 19px;
}

a.asc,
a.desc {
    color: #e4b35a;
}


/*排序icon END*/


/*卡券页面start*/

.coupons-serch-links {
    padding: 10px 20px;
    background: #141821;
}

.coupons-box {
    height: 660px;
    padding-top: 30px;
    background: #1b1f2a;
}

.coupons {
    width: 230px;
    height: 131px;
    padding: 30px 5px 5px 5px;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

.coupons:hover {
    border-color: #e4b35a;
}

.coupons .ticket-icon {
    position: absolute;
    width: 25px;
    height: 27px;
    top: 0px;
    background: url(../images/coupons/text2.png) no-repeat;
}

.coupons.overdue .ticket-icon {
    background: url(../images/coupons/text1.png) no-repeat;
}

.voerdue-pic {
    position: absolute;
    display: none;
    top: 25px;
    left: 70px;
}

.coupons.overdue .voerdue-pic {
    display: inline-block;
}

.coupons.overdue div {
    color: #989BA2;
}

.coupons.coupons-a {
    background: url(../images/coupons/img1.png) no-repeat;
}

.coupons.coupons-b {
    background: url(../images/coupons/img2.png) no-repeat;
}

.coupons.coupons-c {
    background: url(../images/coupons/img3.png) no-repeat;
}

.coupons.coupons-d {
    background: url(../images/coupons/img4.png) no-repeat;
}

.coupons.coupons-e {
    background: url(../images/coupons/img5.jpg) no-repeat;
}

.coupons.coupons-change {
    background: url(../images/coupons/img-change.jpg) no-repeat;
}

.exchange-slot:hover {
    border-color: #e4b35a;
}


/*优惠券*/

.coupons.coupons-1 {
    width: 166px;
    height: 200px;
    background: url(../images/coupons/img1.png) -96px, 0 no-repeat;
    background-size: 213%;
}

.coupons.coupons-2 {
    width: 166px;
    height: 200px;
    background: url(../images/coupons/img2.png) -137px, 0 no-repeat;
    background-size: 213%;
}

.coupons.coupons-3 {
    width: 166px;
    height: 200px;
    background: url(../images/coupons/img3.png) -52px, 0 no-repeat;
    background-size: 213%;
}

.coupons.coupons-4 {
    width: 166px;
    height: 200px;
    background: url(../images/coupons/img4.png) -60px, 0 no-repeat;
    background-size: 213%;
}

.coupons-exchange2 {
    display: none;
    position: absolute;
    width: 166px;
    height: 200px;
    top: -2px;
    left: -2px;
    border: 2px solid #e4b35a;
    padding-top: 90px;
    background-color: rgba(0, 0, 0, 0.4);
}

.btn_p {
    position: relative;
    top: 68px;
}

.coupons:hover .coupons-exchange2 {
    display: block;
}


/*优惠券*/

.coupons-left {
    display: inline-block;
    width: 40%;
    height: 48px;
    line-height: 48px;
    float: left;
}

.coupons-right {
    display: inline-block;
    width: 60%;
    float: left;
    padding-left: 10px;
}

.coupons-right span {
    display: inline-block;
    margin-bottom: 10px;
}

.coupons-exchange {
    display: none;
    position: absolute;
    width: 230px;
    height: 131px;
    top: -2px;
    left: -2px;
    border: 2px solid #e4b35a;
    padding-top: 90px;
    background-color: rgba(0, 0, 0, 0.4);
}

.coupons:hover .coupons-exchange {
    display: block;
}


/*
.coupons-blue{
    background: url("../images/ticket_blue.png") 0 center no-repeat;
}
.coupons-cyan{
    background: url("../images/ticket_cyan.png") 0 center no-repeat;
}
.coupons-pink{
    background: url("../images/ticket_pink.png") 0 center no-repeat;
}
.coupons-red{
    background: url("../images/ticket_red.png") 0 center no-repeat;
}
.coupons-green{
    background: url("../images/ticket_green.png") 0 center no-repeat;
}
.coupons-yellow{
    background: url("../images/ticket_yellow.png") 0 center no-repeat;
}
.coupons p{
    float: left;
    color: white;
}
.denomination{
    width: 70%;
    height:60%;
}
.denomination p:nth-child(1){
    font-size: 14px;
}
.denomination p:nth-child(2){
    font-size: 33px;
    line-height: 40px;
}
.denomination small{
    font-size: 28px;
}
.coupons-text{
    padding-top: 10px;
    font-size: 18px;
    width: 30%;
    height: 60%;
}
.coupons-codition{
    font-size: 12px;
}
.coupons-codition{
    display: inline-block;
    color: white;
    height: 18px;
    line-height: 18px;
    margin: 0;
}
.coupons-normal{
    background: url(../images/user-bg2.jpg) -340px center no-repeat;
    padding-top: 10px;
    width: 200px;
    height:  100px;
    position: relative;
}
.coupons-exchange{
    height: 30px;
    line-height: 30px;
    background: #2B3142;
    margin-top: -4px;
}
.coupons-value{
    position: absolute;
    right: 10px;
    top: 10px;
}*/


/*卡券页面end*/

.value-input {
    width: 120px;
}

.sale-item-name {
    width: 160px;
    margin-top: 0;
}

.total-price {
    position: absolute;
}

.sale-lists {
    background: #232836;
}


/* 左侧菜单栏sticky */

.sticky-wrapper {
    float: left;
    width: 290px;
}

#content .floor-nav .sticky-wrapper li {
    background-color: transparent;
}


/* 求购input */

.input-error-tip {
    color: #993333;
    margin-left: 10px;
    float: left;
    font-size: 12px;
}

.sale-items-sty1 li {
    float: left;
    padding-right: 10px;
    color: #A1A2A7;
}

.twitm {
    padding-left: 10px;
}

.devline {
    width: 1px;
    height: 20px;
    border-left: 1px solid #2E3547;
    border-radius: 1px;
}

.right_steam {
    float: right;
}

.input.error {
    border-color: #993333 !important;
}

.purchase-select-items {
    background-color: #141821;
    padding-bottom: 10px;
    padding-left: 10px;
}

#purchase-pager-csgo-place,
#purchase-pager-dota-place {
    margin-bottom: 0;
}

.banner-nologin {
    width: 100%;
    background: rgba(43, 52, 79, 0.9);
    height: 80px;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
}

.banner-logined {
    width: 675px;
    border-radius: 0 40px 40px 0;
    background: rgba(43, 52, 79, 0.9);
    height: 80px;
    position: fixed;
    z-index: 999;
    bottom: 0;
}

.banner-bottom {
    width: 1120px;
    margin: 0 auto;
}

.banner-bottom img,
.banner-logined img {
    margin-top: -52px;
    float: left;
}

.selling-num,
.soled-num {
    float: left;
    width: 280px;
    height: 80px;
    line-height: 80px;
}

.amount-num {
    width: 435px;
    float: left;
}

.amount-num p {
    margin: 0;
}

.login-form {
    float: left;
    width: 168px;
    height: 80px;
    text-align: center;
    padding: 10px 34px;
}

.login-form>.login.btn-yellow {
    width: 100px;
    height: 25px;
    line-height: 25px;
    background-color: #e4b35a;
    border: 1px solid #fee2b0;
}

.login-form>.reg.btn-blue {
    width: 100px;
    height: 25px;
    line-height: 25px;
    background-color: #424e65;
    border: 1px solid #696f87;
}

#closeBanner {
    position: absolute;
    background: transparent;
    border: none;
}

.user-detail tr {
    height: 45px;
    padding: 10px 0;
    border-bottom: 1px solid #2c3040;
}

.user-detail {
    width: 100%;
}

.tb-icon {
    width: 5%;
}

.tb-class {
    width: 15%;
    color: #A1A2A7;
}

.tb-info {
    width: 60%;
    color: #fff;
}

.head-portrait {
    width: 100%;
    height: 170px;
    background: url("../images/head-portrait-bg.jpg") no-repeat;
}

.head-pic {
    margin: 8px 338px;
}

.head-avatar {
    padding: 2px;
    width: 94px;
    height: 94px;
    overflow: hidden;
    background: url("../images/avatar-bg.png") no-repeat;
}

.head-avatar2 {
    padding: 2px;
    width: 84px;
    height: 84px;
    overflow: hidden;
    background: url("../images/avatar-bg2.png") no-repeat;
}

.head-pic img {
    width: 90px;
    height: 90px;
}

.change-head-pic {
    display: none;
    text-align: center;
    color: #fff;
    position: relative;
    height: 90px;
    line-height: 90px;
    width: 100%;
    top: -90px;
    background-color: black;
    opacity: 0.2;
    border-radius: 45px;
    cursor: pointer;
}

.head-pic:hover .change-head-pic {
    display: block;
}

.safe-level {
    width: 100%;
    height: 5px;
    margin-top: 7px;
    background-color: #455062;
    border-radius: 2px;
}

.user-level-exp {
    display: block;
    height: 5px;
    background-color: #e5b35a;
    border-radius: 2px;
}

li.purchaseing .market-state {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/buy.png") no-repeat;
}


/*li.selling .market-state{
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/sell.png");
}*/

.show-message {
    display: none;
}

.quick-buy-center {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    float: left;
}

.quick-buy-left {
    padding: 20px 0 0 50px;
    width: 288px;
    float: left;
}

.quick-buy-right {
    padding-top: 20px;
    width: 192px;
    float: right;
}

.sale-secret-sell {
    float: left;
    text-align: right;
    width: 750px;
    padding-top: 25px;
}

.sale-secret-btn {
    float: left;
    width: 76%;
}


/*忘记密码页面*/

.page-default {
    width: 100%;
    height: 680px;
    padding: 0 80px;
    background: url("../images/err-bg2.jpg") center 0 no-repeat;
}

.default-head {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #2c3040
}

.bottom-bar {
    display: block;
    background: #e4b35a;
    height: 3px;
    width: 20px;
    border-radius: 1px;
    position: relative;
    top: -2px;
}

.forget-main {
    margin: 100px 320px;
}

.forget-input-form {
    width: 340px;
}

.form-input {
    height: 40px;
    border: 1px solid #696f87 !important;
    background-color: #475063;
    box-shadow: none !important;
}

span.form-input {
    color: #696f87;
    border-right: none !important;
    border-radius: 1px;
}

input.form-input {
    color: white;
    border-left: none !important;
    border-radius: 1px;
}

.form-input-bar {
    height: 20px;
    width: 1px;
    display: inline-block;
    position: absolute;
    left: 67px;
    top: 10px;
    border-left: 1px solid #696f87;
    z-index: 10;
}

.form-input-bar2 {
    height: 17px;
    width: 1px;
    display: inline-block;
    position: absolute;
    left: 39px;
    top: 6px;
    z-index: 10;
}

.count-down {
    display: inline-block;
    color: #fff;
    width: 120px;
    height: 40px;
    line-height: 25px;
    margin-left: 33px;
    border: 1px solid #696f87;
    border-radius: 1px;
    background-color: #475063;
}

#send-time {
    height: 40px;
    padding-left: 140px;
    line-height: 40px;
}

#ForgetForm_verify {
    padding: 6px 12px;
    width: 153px;
}


/*求购选择列表样式*/

.select-form {
    max-width: 550px;
    max-height: 199px;
    padding: 10px 0 0 10px;
    overflow-y: auto;
    background-color: #1b1f2a;
}

.list-item7 li {
    float: left;
    width: 80px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.list-item7 li a {
    display: inline-block;
}


/*滚动条样式*/

::-webkit-scrollbar-track-piece {
    -webkit-border-radius: 0;
    background: #2C3040;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #8991b0;
    -webkit-border-radius: 4px;
    outline-offset: -2px;
    border: 2px solid #8991b0;
}

::-webkit-scrollbar-thumb:hover {
    height: 30px;
    background-color: #999ba5;
    border: 2px solid #999ba5;
    -webkit-border-radius: 4px;
}

#help-btn {
    position: fixed;
    /* top: 450px; 帮助按钮位置适配暂改*/
    bottom: 30px;
    right: 0px;
    width: 72px;
    z-index: 999;
}

#help-btn .official-media {
    position: relative;
    padding-top: 33px;
    background-image: url("../images/default/media-icon.png");
    background-repeat: no-repeat;
    background-position: center 0;
    padding: 5px;
    background-color: #2C3040;
    color: #afb0b2;
    width: 65px;
    text-align: center;
    padding-top: 40px;
    display: inline-block;
}

#help-btn .official-media:hover {
    background-image: url("../images/default/media-icon2.png");
}

#help-btn .official-media .hoverBox {
    position: absolute;
    left: -185px;
    bottom: -10px;
    width: 185px;
    padding: 10px;
    display: none;
}

#help-btn .official-media:hover .hoverBox {
    display: block;
}

#help-btn .app-donwload .hoverBox-app {
    position: absolute;
    left: -185px;
    bottom: -10px;
    width: 185px;
    padding: 10px;
    display: none;
}

#help-btn .app-donwload:hover .hoverBox-app {
    display: block;
}

#help-btn>a {
    padding: 5px;
    background-color: #2C3040;
    color: #afb0b2;
    width: 65px;
    display: inline-block;
}

#help-btn a:hover {
    color: #fff;
    background-color: #6d7ab3;
}

.circle_red {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 17px;
    border-radius: 50%;
    left: 40px;
    position: absolute;
    text-align: center;
    background: #C5191C;
    color: #fff;
}


/*私密出售*/

.secret-floor1 {
    height: 115px;
}
/* 
.seller-info {
    padding-top: 15px;
    padding-left: 20px;
    height: 114px;
    position: relative;
    background: url("../images/head-portrait-bg.jpg") 40px no-repeat;
    background-color: #2F3241;
} */

.total-sold {
    position: absolute;
    top: 20px;
    right: 40px;
}

.secret-floor2 {
    background-color: #282e3e;
}

.goods-info {
    height: 50px;
    padding: 10px 12px 10px 15px;
}

.goods-detail {
    height: 100%;
    overflow: hidden;
    padding-left: 15px;
    background-color: #282e3e;
    padding-bottom: 20px;
}

.purchase-search-left {
    background-color: #1b1f2a;
}

.purchase-select-form {
    background-color: #282e3e;
}

.purchase-select-form .list-item7 li {
    width: 120px;
    height: 90px;
    margin: 10px 0 0 13px;
}


/*出售饰品标价*/

.sale-pricing {
    max-height: 800px;
    overflow: auto;
}

.sale-pricing li {
    float: left;
    width: 271px;
    height: 85px;
    padding: 10px 0 10px 5px;
    margin: 0 1px 1px 0;
    background-color: rgba(67, 74, 90, 0.62);
}

.sale-pricing li:hover {
    background-color: rgb(67, 74, 90);
}

.sale-pricing li .img {
    width: 72px;
    height: 53px;
}

.sale-pricing .input-group {
    width: 100px;
}

.sale-pricing .input-group span,
.sale-pricing .input-group input {
    color: #667485;
    background-color: transparent;
    border: 1px solid #667485;
}

.sale-pricing .input-group input:focus {
    color: #BABFD0;
    border: 1px solid #BABFD0;
}

.sale-pricing .input-group span {
    border: none;
}

.sale-pricing .input-group input {
    left: -39px;
    border-radius: 0;
    padding-left: 40px;
    width: 125px;
    box-shadow: none !important;
}

.modal .popover {
    position: fixed;
}

.purchase-item {
    width: 100px;
    height: 70px;
}

.quick-pricing span {
    float: left;
}

.slider.slider-horizontal {
    width: 160px;
    margin-left: 20px;
}

.slider.slider-horizontal .slider-track {
    height: 4px;
    margin-top: -3px;
}

.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    height: 16px;
    width: 16px;
    margin-top: -6px;
    background-image: none;
    background-color: #fff;
}

.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    background-image: none;
    background-color: #696F87;
}

.slider.slider-horizontal .slider-selection {
    background-color: #8DFF1E;
}

.tooltip.tooltip-main.top {
    /*    display: none;*/
}

.purchase-scroll-box {
    background-color: #1b1f2a;
    padding: 20px 40px;
    margin-bottom: 20px;
}

.cxscroll {
    position: relative;
}

.cxscroll .box {
    overflow: hidden;
    width: 730px;
}

.cxscroll .list {
    overflow: hidden;
    width: 99999px;
}

.cxscroll .list li {
    float: left;
    width: 185px;
    height: 143px;
    border-right: 10px solid #1b1f2a;
    background: #2c3040;
    padding: 4px;
}

.cxscroll .prev {}

.cxscroll .next {}

.popover.bottom>.arrow:after {
    border-bottom-color: #282E3E;
}


/*手机绑定，密码修改*/

.binding-phone tr {
    height: 50px;
}

.binding-phone tr select {
    background-color: transparent;
    height: 30px;
}

.binding-phone tr input {
    background-color: transparent;
    border: 1px solid;
    height: 30px;
    padding-left: 5px;
}

.binding-phone tr td:nth-child(1) {
    width: 120px;
    text-align: right;
    padding-right: 10px;
}

.binding-phone tr td:nth-child(2) {
    /*    width: 216px;*/
}

.binding-phone tr td:nth-child(3) {
    padding-left: 10px;
}


/*帮助界面*/

.help-top {
    width: 100%;
    height: 237px;
    margin-top: -20px;
}

#help {
    position: relative;
    overflow: hidden;
}

.tab-content .top-nav {
    padding: 20px 40px;
    width: 100%;
    float: left;
}

.tab-content .top-nav li {
    width: 14.28%;
    color: #fff;
    padding-left: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #1B1F2A;
    border: none;
    border-right: 1px solid #353C46;
}

.tab-content .top-nav li:hover a,
.tab-content .top-nav li.active a {
    color: #e4b35a;
}

.tab-content .top-nav .nav7 {
    border-right: 0;
}

.main-content {
    width: 100%;
    float: right;
    padding: 0 20px;
    background-color: #141821
}

.main-content table {
    width: 100%;
    margin-bottom: 20px;
}

.main-content tr {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #2A3041;
}

.main-content tr:hover a {
    color: #e4b35a;
}

.main-content .sale-pagination {
    background-color: #232836;
}

.help-title {
    width: 90%;
}

.help-date {
    width: 10%;
}

.top-floor {
    position: relative;
    height: 270px;
    padding: 80px 0;
}

.top-floor .form-search {
    float: none;
}

.top-floor .form-search input {
    color: #fff;
    width: 400px;
    height: 50px;
    border: 2px solid #4C74B3;
}

.top-floor .form-search button {
    left: 710px;
    top: 7px;
    font-size: 25px;
    color: #4C74B3;
}

.quick-search {
    display: inline-block;
    width: 400px;
    text-align: left;
    margin-top: 5px;
}

.quick-search a {
    margin-right: 10px;
}

.connect-way {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.announce-title {
    line-height: 24px;
    margin: 0;
    padding: 10px 15px;
}

#inventory-item-form,
#deposit-item-form {
    overflow: auto;
}

.hero-select {
    width: 117px;
    height: 28px;
    margin-right: 3px;
    background: url("../images/arrow.png") no-repeat scroll right center transparent;
    padding-left: 10px;
    border: 1px solid #667485;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.hero-select.num-select {
    width: 80px;
    height: 30px;
    margin-right: 3px;
    background: url("../images/arrow.png") no-repeat scroll right center #2C3040;
    padding-left: 10px;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.steam-inventory-pagination .pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


/*机器人信息*/

.bot-card {
    height: 100px;
    padding: 15px 20px;
    background-color: #3E465A;
    margin-bottom: 2px;
}

.bot-img {
    float: left;
    width: 80px;
    padding: 5px 0 0 5px;
}

.bot-id {
    float: left;
    width: 130px;
}

.bot-id p {
    margin: 10px 0 10px 0;
}

.bot-msg {
    float: right;
    width: 199px;
    ;
    height: 70px;
    line-height: 70px;
    text-align: center;
}


/*价格筛选*/

.sort-price input {
    background-color: transparent;
    height: 25px;
    border: 1px solid #667485;
    width: 50px;
    padding-left: 10px;
    line-height: normal;
}

.sort-by-price input {
    background-color: transparent;
    height: 25px;
    border: 1px solid #667485;
    width: 50px;
    padding-left: 10px;
    line-height: normal;
}

#content .sort-price .btn {
    height: 25px;
    line-height: 23px;
    top: -2px;
    position: relative;
}


/*消息界面*/

.msg-sent {
    background-color: #222836;
    padding: 20px;
}

.msg-left {
    display: inline-block;
    width: 80px;
    text-align: right;
}

.msg-sent select {
    height: 40px;
    width: 200px;
    border: 2px solid #3F4560;
    background: transparent;
    position: relative;
    z-index: 2;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.msg-sent .msg-mail {
    background-color: transparent;
    border: 2px solid #3F4560;
    height: 36px;
    width: 200px;
    line-height: 36px;
    padding: 0 10px;
    background-color: #272C3B;
}

.msg-sent .arrow-down-icon {
    width: 25px;
    height: 38px;
    line-height: 37px;
    text-align: center;
    background-color: #404661;
    left: -31px;
    z-index: 10;
}

.msg-sent textarea {
    width: 730px;
    height: 100px;
    display: inline-block;
    background-color: #222836;
    border: 2px solid #3F4560;
    padding: 5px;
    margin-bottom: -3px;
}

.msg-list {
    width: 100%;
    padding: 20px;
    padding-top: 0;
    background-color: #1B1F2A;
}

.msg-list th {
    height: 40px;
    font-size: 14px;
}

.msg-list tbody td,
.msg-list tbody th {
    text-align: left;
    padding: 10px 0;
}

.msg-list tbody td:first-child,
.msg-list tr th:first-child {
    padding-left: 20px;
}

.msg-list tbody tr:nth-child(2n+1) td {
    background-color: #282E3E;
}

.msg-list tbody tr:nth-child(2n+1) {
    background-color: #1B1F2A;
}

.msg-detail {
    padding: 20px;
    height: auto;
    position: relative;
    background-color: #222836;
    float: left;
    width: 100%;
}

.msg-detail:nth-child(2n+1) {
    background-color: #272C3B;
}

.msg-detail>div {
    float: left;
}

.msg-detail .msg-message {
    width: 630px;
}

.msg-pic {
    width: 640px;
}

#evaluation * {
    float: left;
    margin-left: 10px;
}

.msg-pic-upload {
    display: block;
    width: 730px;
    padding: 10px 0;
    background-color: #222836;
}

.msg-pic-detail {
    width: 80px;
    height: 50px;
    display: inline-block;
    border: 2px solid #3F4560;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
}

#addPic {
    display: inline-block;
    border: 2px solid #3F4560;
    float: left;
    width: 80px;
    height: 50px;
    line-height: 46px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    color: #3F4560;
}

.msg-pic-detail:hover {
    border: 2px solid #FEC053;
}

.msg-delete {
    position: absolute;
    font-size: 16px;
    left: 30px;
    top: 13px;
    visibility: hidden;
}

.msg-pic-detail:hover .msg-delete {
    visibility: visible;
}


/*库存估价未绑定steam样式*/

.valuation-searchform {
    width: 100%;
    height: 200px;
    background: rgba(27, 31, 42, 0.8);
    padding: 80px 0;
    text-align: center;
}

.valuation-history {
    background-color: #1B1F2A;
}

.valuation-history li {
    width: 150px;
    height: 130px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 2px 5px;
    background-color: #2D3140;
    float: left;
}

.num-box {
    position: absolute;
    right: 5px;
    bottom: 7px;
    background-color: #D46D0C;
    height: 13px;
    line-height: 13px;
    padding: 0 5px;
    border-radius: 5px;
    color: white;
    font-size: 12px;
    text-align: center;
}


/*出售饰品选择弹框样式*/

.select-invertory {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #50586B;
}

.select-invertory li {
    float: left;
    width: 50%;
    background-color: #50586B;
    text-align: center;
}

.select-invertory li.active {
    background-color: #31384A;
}

.select-invertory li.active a {
    color: #e4b35a;
}


/* 图片放大缩小效果*/

img[data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.zoom-img,
.zoom-img-wrap {
    /*position: relative;*/
    position: fixed;
    z-index: 1002;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}

.zoom-overlay {
    z-index: 1001;
    background: #111;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1;
}

.zoom-overlay-open,
.zoom-overlay-transitioning {
    cursor: default;
}


/*支付方式icon显示及效果*/

#alipay {
    width: 40px;
    height: 25px;
    background: url(../images/payment-icons/alipay2.png) no-repeat
}

#alipay:hover {
    background: url(../images/payment-icons/alipay.png) no-repeat
}

#paypal {
    width: 40px;
    height: 25px;
    background: url(../images/payment-icons/paypal2.png) no-repeat
}

#paypal:hover {
    background: url(../images/payment-icons/paypal.png) no-repeat
}

#visa {
    width: 50px;
    height: 25px;
    background: url(../images/payment-icons/visa2.png) no-repeat
}

#visa:hover {
    background: url(../images/payment-icons/visa.png) no-repeat
}

#wechat {
    width: 40px;
    height: 25px;
    background: url(../images/payment-icons/wechat2.png) no-repeat
}

#wechat:hover {
    background: url(../images/payment-icons/wechat.png) no-repeat
}

#union {
    width: 40px;
    height: 25px;
    background: url(../images/payment-icons/union2.png) -7px -2px no-repeat
}

#union:hover {
    background: url(../images/payment-icons/union.png) -7px -2px no-repeat
}


/*私密出售管理页面*/

.secret-table th,
.secret-table td {
    padding: 10px
}

.secret-table th {
    background-color: #2c3040;
}

.secret-table tr {
    background-color: #232836;
}

.secret-table tr:nth-child(2n+1) {
    background-color: #2c3040;
}


/*个人中心账户记录图表*/

.account-record-list {
    width: 300px;
    height: 240px;
    float: right;
}

.account-record-list a {
    padding: 0 5px;
    display: block;
    height: 34px;
    line-height: 29px;
    margin-bottom: 1px;
    background: #1A1E28;
}

.account-record-list a.active {
    background: #4C567E;
    color: white;
}

.account-pic-detail {
    position: absolute;
    left: 20px;
    top: 20px;
}

.account-pic-title {
    position: absolute;
    z-index: 1;
}


/*活动页面*/

.head-nav {
    display: inline-block;
    float: right;
}

.head-nav li {
    display: inline-block;
    margin-left: 20px;
}

.active-floor1,
.active-floor2,
.active-floor3,
.active-floor4,
.active-floor5,
.active-floor6,
.active-floor7 {
    width: 100%;
}

.active-floor1 {
    height: 300px;
    position: relative;
}

.active-floor2 {
    height: 250px;
    overflow: hidden;
}

.active-floor2 .active-left {
    width: 45%;
    height: 100%;
    padding: 90px 0 0 110px;
    float: left;
}

.active-floor2 .active-right {
    width: 55%;
    height: 100%;
    float: left;
    margin-top: 50px;
    background: rgba(255, 255, 255, 0.1);
    padding: 0 20px;
}

.active-right p {
    color: white;
}

.count-circle {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #8c97cb;
    border-radius: 50%;
    margin-right: 10px;
    text-indent: 5px;
    line-height: 18px;
}

.active-floor3 {
    height: 35px;
    margin-top: 60px;
    padding-right: 130px;
}

.active-floor3 a {
    background-color: red;
}

.active-floor4 {
    height: 280px;
    padding: 15px 0 0 110px;
}

.active-floor5 {
    background: url('../images/activity/rank.png') center 20px no-repeat;
    height: 665px;
    padding: 105px 0 0 35px;
}

.rank-table {
    margin-left: 190px;
    float: left;
    color: white;
    margin-top: 122px;
}

.rank-table tr {
    height: 40px;
}

.rank-table td:first-child {
    width: 210px;
    text-align: center;
}

.rank-table td:last-child {
    width: 60px;
    text-align: center;
}

.active-floor6 {}

#day1,
#day2,
#day3,
#day4,
#day5,
#day6,
#day7 {
    height: 220px;
}

#day1 {
    height: 360px;
    background: url('../images/activity/day1.png') center 0 no-repeat;
}

#day2 {
    background: url('../images/activity/day2.png') center 0 no-repeat;
}

#day3 {
    background: url('../images/activity/day3.png') center 0 no-repeat;
}

#day4 {
    background: url('../images/activity/day4.png') center 0 no-repeat;
}

#day5 {
    background: url('../images/activity/day5.png') center 0 no-repeat;
}

#day6 {
    background: url('../images/activity/day6.png') center 0 no-repeat;
}

#day7 {
    height: 400px;
    background: url('../images/activity/day7.png') center 0 no-repeat;
}


/*家长监护体系*/

.safety_title {
    text-align: center;
    background: #1b1f2a;
}

#join-con {
    width: 100%;
    margin: 0px auto;
    padding-left: 10px;
}

.custody-tag {
    width: 1036px;
    padding-bottom: 60px;
}

.custody-tag p.custody-title {
    font-size: 30px;
    font-family: '微软雅黑';
    line-height: 35px;
    /*color: #3d3f48;*/
    text-indent: 0px;
}

.custody-tag p {
    font-size: 14px;
    font-family: '微软雅黑';
    /*color: #3d3f48;*/
    line-height: 24px;
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 35px;
}

.join-tag {
    width: 100%;
    margin: 0px auto;
    padding-top: 60px;
    padding-left: 40px;
}

.custody-tag ul.custody-ul li {
    font-size: 14px;
    font-family: '微软雅黑';
    /*color: #3d3f48;*/
    line-height: 24px;
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph;
    background: #1b1f2a;
    border: none;
}

.custody-tag ul.custody-ul {
    display: block;
    margin-bottom: 35px;
}

.custody-tag ul.custody-ul {
    display: block;
    margin-bottom: 35px;
    padding: 0px;
}

.custody-tag ul.custody-ul li {
    list-style: none;
    font-size: 14px;
    font-family: '微软雅黑';
    line-height: 24px;
    width: 100%;
    /*text-indent: 2em;*/
    text-align: justify;
    text-justify: inter-ideograph;
    float: left;
}

.fam_applicate {
    margin-top: 35px;
    display: inline-block;
    width: 280px;
    height: 60px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f86b00;
    color: #fff;
    font-size: 18px;
    text-indent: 0px;
    text-align: center;
    line-height: 60px;
    font-family: '微软雅黑';
}


/*顶部公告栏*/

.top-notice {
    background: rgba(44, 48, 64, 0.8);
    z-index: 9;
    overflow: hidden;
    line-height: 20px;
    margin: 0px 10px 0px 10px;
    border-radius: 2px;
    cursor: default;
}

#top-notice-content {
    margin-bottom: 0;
    line-height: 25px;
    height: 25px;
    padding-left: 90px;
    padding-right: 10px;
    position: relative;
}


/*#top-notice-content .notice-head{
    display: inline-block;
    color:white;
    padding-left: 10px;
    width: 66px;
    background: url('../images/trapezoid.png') no-repeat;
}*/


/*大商个人销售页面*/

#content .side-list .person-buy-button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 0 10px !important;
    height: 25px;
    line-height: 23px;
    display: none;
}

#content .floor-nav.shop-game-nav {
    padding-left: 20px;
    padding-top: 10px;
}

#content .floor-nav.shop-game-nav li {
    min-width: 110px;
    margin-bottom: 10px;
    height: 29px;
    padding: 0 10px;
    border: 0;
    border-right: 1px solid #2c3040;
}

#content .floor-nav.shop-game-nav li.active {
    background: none;
}

#content .floor-nav.shop-game-nav li a {
    display: block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: transparent;
    line-height: normal;
}

#content .floor-nav.shop-game-nav li.active a {
    background: #2C354E;
}

#content .floor-nav.shop-game-nav li a {}

#content .side-list li:hover .person-buy-button {
    display: block;
}

#content .side-list li:hover .btn-quick-buy {
    display: block!important;
}

.button-buy-box {
    height: 91px;
    width: 136px;
    padding-top: 25px;
    position: absolute;
    top: 2px;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

li:hover .button-buy-box {
    display: block;
}

#content .person-buy-button {
    padding: 0 12px;
    height: 26px;
    line-height: 26px;
}

.user-logined.shop-owner {
    background: url("../images/shop-pc-bg.png");
}

#sell-num {
    position: absolute;
    z-index: 10;
    text-align: center;
    width: 44px;
    left: 16px;
    top: 23px;
    color: white;
}

#total-sell-num {
    position: absolute;
    width: 44px;
    text-align: center;
    right: 18px;
    top: 23px;
    color: white;
}

.shop-chart {
    position: relative;
    margin-bottom: 20px;
}

.list-item8 li {
    width: 146px;
    padding: 3px;
    height: 185px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
}

.list-item8 li .img {
    width: 136px;
}

.list-item9 li {
    width: 121px;
    padding: 3px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
}

.list-item9 li .button-buy-box {
    height: 74px;
    width: 110px;
}

.list-item9 li img {
    width: 110px;
    height: 74px;
}

.list-item9 li .img {
    width: 110px;
}

.store-wear {
    position: absolute;
    top: 5px;
    z-index: 1;
    display: inline-block;
}


/*菠菜专区页面*/

.spinach-section1 {
    height: 375px;
}

.spinach-section2 {
    padding-left: 65px;
    padding-top: 10px;
}

.spinach-list li {
    width: 188px;
    height: 215px;
    margin-right: 10px;
    padding: 2px 2px 0 2px;
    float: left;
    background: url('../images/activity/spanach-box.png');
    margin-bottom: 10px;
}

.spinach-list li .spinach-btn {
    width: 100%;
    height: 40px;
    display: block;
    text-align: center;
    border: 2px solid #e4b35a;
    line-height: 36px;
    background: url(../images/activity/buy-bg.png);
}

.transfer-choose {
    /*display: block !important;*/
    margin-top: 15px;
}

.transfer-choose-label {
    margin-right: 5px;
    float: left;
}
.transfer-chooose-select {
    width: 145px;
    outline: none;
    height: 30px;
    line-height: 28px;
    padding: 0 20px 0 5px;
    margin-right: 0;
    border: 1px solid #676D85;
    border-radius: 3px;
    appearance: none;
    -webkit-appearance:none;
    -moz-appearance: none;
    background: url('/images/arrow-select.png') no-repeat right center transparent;
}

.payment-account {
    padding: 10px 20px;
    border: 1px solid #485076;
    background: #232836;
    position: relative;
}

.transfer-label {
    cursor: pointer;
    font-weight: normal;
    vertical-align: top;
    max-width: 640px;
}

.transfer-label img {
    padding-bottom: 6px;
    margin-left: 2px;
}

.transfer-jian {
    position: relative;
    left: 498px;
    top: -26px;
}


/*获奖名单，活动结束可删除*/

#day-prize1 {
    position: relative;
    left: 135px;
    top: 190px;
    color: gold;
}

#day-prize2 {
    position: relative;
    left: 215px;
    top: 190px;
    color: gold;
}

#day-prize3 {
    position: relative;
    left: 240px;
    top: 190px;
    color: gold;
}

#day2-prize1 {
    position: relative;
    left: 135px;
    top: 50px;
    color: gold;
}

#day2-prize2 {
    position: relative;
    left: 210px;
    top: 50px;
    color: gold;
}

#day2-prize3 {
    position: relative;
    left: 355px;
    top: 50px;
    color: gold;
}

#day3-prize1 {
    position: relative;
    left: 135px;
    top: 50px;
    color: gold;
}

#day3-prize2 {
    position: relative;
    left: 245px;
    top: 50px;
    color: gold;
}

#day3-prize3 {
    position: relative;
    left: 355px;
    top: 50px;
    color: gold;
}

#day4-prize1 {
    position: relative;
    left: 135px;
    top: 50px;
    color: gold;
}

#day4-prize2 {
    position: relative;
    left: 155px;
    top: 50px;
    color: gold;
}

#day4-prize3 {
    position: relative;
    left: 240px;
    top: 50px;
    color: gold;
}

#day5-prize1 {
    position: relative;
    left: 135px;
    top: 50px;
    color: gold;
}

#day5-prize2 {
    position: relative;
    left: 280px;
    top: 50px;
    color: gold;
}

#day5-prize3 {
    position: relative;
    left: 365px;
    top: 50px;
    color: gold;
}

#day6-prize1 {
    position: relative;
    left: 135px;
    top: 50px;
    color: gold;
}

#day6-prize2 {
    position: relative;
    left: 245px;
    top: 50px;
    color: gold;
}

#day6-prize3 {
    position: relative;
    left: 280px;
    top: 50px;
    color: gold;
}

#day7-prize1 {
    position: relative;
    left: 135px;
    top: 50px;
    color: gold;
}

#day7-prize2 {
    position: relative;
    left: 165px;
    top: 50px;
    color: gold;
}

#day7-prize3 {
    position: relative;
    left: 180px;
    top: 50px;
    color: gold;
}

#day7-prize4 {
    position: relative;
    left: 275px;
    top: 50px;
    color: gold;
}

#day7-prize5 {
    position: relative;
    left: -480px;
    top: 235px;
    color: gold;
}


/*一元夺宝专区*/

.banner-user .lottery-item {
    position: relative;
    width: 290px;
    height: 300px;
    padding: 0 5px;
    float: left;
    background-color: #202431
}

.countdown-time {
    text-align: center;
    font-size: 26px;
    padding-top: 20px;
    color: #fff;
    vertical-align: middle;
}

.jiexiao {
    position: absolute;
    right: 4px;
    top: 5px;
}

.yijiexiao {
    position: absolute;
    right: 4px;
    top: 5px;
}

.countdown-nums b {
    margin-right: 4px;
    background-color: #333A56;
    padding: 5px;
    border-radius: 4px;
    color: grey;
    width: 26px;
    height: 45px;
    line-height: 34px;
    display: inline-block;
}

.countdown-ing {
    display: none;
}

.cloudbuy-progress {
    width: 100%;
    height: 5px;
    border-radius: 2px;
    background-color: #D4D4D3;
}

.cloudbuy-progress .prograss-bar {
    display: inherit;
    height: 5px;
    background: #4fb710;
    border-radius: 2px;
}

.cloudbuy-history-list .mark-box>span:nth-child(1) {
    float: left;
    width: 15%;
    display: inline-block;
    padding-left: 50px;
    line-height: 38px;
}

.cloudbuy-history-list .mark-box>span:nth-child(2) {
    float: left;
    width: 25%;
    display: inline-block;
    padding-left: 20px;
}

.cloudbuy-history-list .mark-box>span:nth-child(3) {
    float: left;
    width: 10%;
    display: inline-block;
    padding-left: 20px;
    line-height: 38px;
}

.cloudbuy-history-list .mark-box>span:nth-child(4) {
    float: left;
    width: 25%;
    display: inline-block;
    padding-left: 20px;
}

.cloudbuy-history-list .mark-box>span:nth-child(5) {
    float: left;
    width: 25%;
    display: inline-block;
    padding-left: 20px;
    padding-right: 50px;
}

.cloudbuy-history-list .mark-box>span {
    padding: 10px 20px;
}

.cloudbuy-history-list .table-head span {
    font-weight: 700;
    background-color: #232836;
    line-height: 20px !important;
}

.cloudbuy-history-list .mark-box {
    background: #1B1F2A;
}

.cloudbuy-history-list .mark-box:nth-child(2n) {
    background: #232836;
}


/*.cloudbuy-progress .prograss-bar{
    width: 88%;
    display: inherit;
    height: 4px;
    background: url("../images/prograss-bar2.png")-2px -3px no-repeat;
}
.cloudbuy-progress .prograss-bar3{
    width: 88%;
    display: inherit;
    height: 4px;
    background: url("../images/prograss-bar3.png")-2px -3px no-repeat;
}
.cloudbuy-progress .prograss-bar4{
    width: 88%;
    display: inherit;
    height: 4px;
    background: url("../images/prograss-bar4.png")-1px -3px no-repeat;
}*/

.list-item2 li {
    width: 243px;
    padding: 3px;
    margin-right: 20px;
    margin-top: 20px;
}

.cloudbuy-recomend-nums {
    max-height: 55px;
    overflow: hidden;
}

.list-item2 li b {
    margin-right: 4px;
    background-color: #333A56;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
}

.cloudbuy-user {
    padding: 15px;
    background: #1B1F2A;
}

.cloudbuy-user-info {
    text-align: center;
    height: 60px;
    border-bottom: 1px solid #353941;
}

.cloudbuy-balance {
    padding: 20px 0;
    border-bottom: 1px solid #353941;
}

.cloudbuy-recomend-nums span {
    white-space: nowrap;
}

.join-now {
    height: 35px;
    display: none;
}


/*li:hover .cloudbuy-remain, .list-item4 li:hover .cloudbuy-progress, .list-item4  li:hover .info2{
    display: none;
}*/


/*li:hover .join-now{
    display: block;
}*/

.cloudbuy-detail {
    padding: 20px;
    background: #1B1F2A;
}

.cloudbuy-btn-group .btn {
    background: #394151;
    color: #B2B6BE;
    border: 1px solid #B2B6BE;
    border-radius: 0;
    height: 30px;
}

.cloudbuy-input-group span {
    background: #434F60;
    color: #B2B6BE;
    border: 1px solid #B2B6BE;
    border-radius: 0;
    width: 39px;
}

.cloudbuy-input-group input {
    background: #38404E;
    color: #B2B6BE;
    border: 1px solid #B2B6BE;
    border-radius: 0;
}

#content .cloudbuy-input-group input {
    background: #1B1F2A;
    color: #B2B6BE;
    border: 1px solid #B2B6BE;
    border-radius: 0;
    text-align: center;
}

#cloud-pay-num {
    text-align: center;
}

#content .cloudbuy-btn-group .btn {
    background: #1B1F2A;
    color: #B2B6BE;
    border: 1px solid #B2B6BE;
    border-radius: 0;
    height: 30px;
    width: 46px;
    padding: 0px;
}

#content .cloudbuy-input-group span {
    background: #2C3040;
    color: #B2B6BE;
    border: 1px solid #B2B6BE;
    border-radius: 0;
    width: 39px;
}

#cloudbuy-item-detail {
    padding: 10px;
}

.cloudbuy-info {
    padding: 20px;
}

.cloudbuy-info ul li {
    border: 0;
    margin-bottom: 5px;
    background: transparent;
    list-style-type: disc;
    color: #E4B35A;
    float: none;
}

.cloudbuy-info ul li .imgs {
    float: left;
    margin-right: 10px;
    padding: 4px;
    background: #2C3040;
}

#content .cloudbuy-info ul li img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.lucky-num-box {
    width: 100%;
    height: 40px;
    background: #E97A15;
    line-height: 40px;
}

.lucky-star {
    width: 350px;
    padding: 10px;
}

.lucky-star .head-img {
    position: relative;
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 20px;
}

#cloudbuy-recomend {
    padding: 40px 50px 40px 150px;
}

.cloud-time-recomend {
    height: 600px;
    float: left;
}

.cloud-time-recomend:nth-child(1) {
    width: 185px;
    padding: 70px 0 0 70px;
}

.cloud-time-recomend:nth-child(2) {
    width: 60px;
    background: url(../images/timeline.png) center 0 no-repeat;
}

.cloud-time-recomend:nth-child(3) {
    padding-top: 100px;
}

.cloud-time-recomend:nth-child(1) div {
    margin-top: 21px;
}

.cloud-time-recomend:nth-child(3) div {
    margin-top: 18px;
}

.cloudbuy-list-info {
    padding-top: 15px;
    padding-left: 20px;
    height: 114px;
    position: relative;
    background: url("../images/head-portrait-bg.jpg") 370px no-repeat;
    background-color: #2F3241;
}

.countdown>p {}

.cloudbuy-time-list .time-list {
    border: none;
    position: relative;
    background: transparent;
}

.cloudbuy-time-list .time {
    float: left;
    display: inline-block;
    width: 185px;
    padding-right: 21px;
    line-height: 40px;
}

#content .cloudbuy-time-list:hover img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.ico-recordDot {
    position: absolute;
    left: 180px;
    top: 15px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/ico-list.png') no-repeat;
    overflow: hidden;
}

.ico-recordCircle {
    position: absolute;
    left: 126px;
    top: 25px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/ico-list2.png') no-repeat;
    overflow: hidden;
}

.cloudbuy-time-list .cloud-buy-time-userInfo {
    float: left;
    padding-left: 15px;
    border-left: 2px solid #ddd;
    line-height: 28px;
}

.cloudbuy-time-list .cloud-buy-time-userInfo .inner {
    margin-bottom: 2px;
    padding: 0 7px;
    width: 600px;
    position: relative;
}

.cloud-buy-time-userInfo .inner p {
    line-height: 30px;
    height: 30px;
}

.recordList-timeSeperate {
    display: inline-block;
    padding-right: 16px;
    width: 133px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #808080;
    border-right: 2px solid #ddd;
    position: relative;
}

.recordList-start {
    height: 63px;
}

.ico-clock {
    display: inline-block;
    vertical-align: middle;
    width: 63px;
    height: 63px;
    margin-left: 175px;
    background: url('../images/ico-clock.png') no-repeat;
    overflow: hidden;
}

#cloudbuy-result-list {
    padding: 20px;
}

#cloudbuy-result-list td {
    border-top: 0;
}

.equation-box {
    display: inline-block;
    text-align: center;
}

.equation-box:first-child {
    border: 1px solid #C76B1C;
    display: inline-block;
    padding: 0 5px;
}

.fought {
    background: url('../images/clock.png') no-repeat;
    padding-left: 25px;
}

.lucky-icon {
    position: absolute;
    top: -5px;
    right: -5px;
}

.modal-content-winner {
    background: url("../images/alert-box.png") no-repeat transparent;
    border: 0;
    height: 460px;
}

.modal-auction-winner {
    background: url("../images/auction-winner.png") no-repeat transparent;
    border: 0;
    height: 460px;
}

.history-item .user-pic img {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
}


/*首页一元夺宝*/

#cloudbuy .floor2-right {
    border: 1px solid #414651;
}

#cloudbuy .floor2-right .head-img {
    width: 55px;
}

#cloudbuy .floor2-right ul li {
    width: 288px;
    height: 63px;
    padding: 8px 10px;
    border: 0;
}

#cloudbuy .floor2-right ul li:nth-child(2n+1) {
    background: #1B2029;
}


/*0元夺宝*/

.nums-box {
    padding: 10px;
    background: #262A38;
}

.lucky-num {
    padding: 3px;
    color: #E97A15;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
}

.lucky-num.next-0 {
    border: 1px solid #E97A15;
    color: #B4B4B6;
}

.lucky-num.next-1 {
    border: 1px solid #E97A15;
    background: url(../images/prograss0.png) -90px 0px no-repeat;
    background-size: 140%;
    color: #B4B4B6;
}

.lucky-num.next-2 {
    border: 1px solid #E97A15;
    background: url(../images/prograss0.png) -60px 0px no-repeat;
    background-size: 140%;
    color: #B4B4B6;
}

.zero-cloudbuy-icon {
    position: absolute;
    background: url(../images/cloudbuy-0.png) no-repeat;
    width: 77px;
    height: 77px;
    z-index: 1;
    left: -2px;
    top: -2px;
}


/*聊天窗口*/

.chatroom-list {
    padding: 10px;
    background: #23252b;
}

.chatroom-list ul {
    height: 200px;
    overflow-y: auto;
}

.chatroom-msg {
    padding: 10px;
    background: #1B1F2A;
}

.chatroom-msg textarea {
    resize: none;
    width: 100%;
    background-color: #2C3040;
    border: #23252b;
    padding: 5px;
}


/*支付方式*/

.payment-title {
    padding: 10px 15px;
    font-size: 14px;
    background: #2D3140;
}

.payment-content {
    padding: 10px 0;
    background: #232836;
}

.alipay-box {
    margin: 20px;
    padding: 20px 40px;
    background: #1B1F2A;
}

.gateway_0,
.gateway_1 {
    border: 1px solid transparent
}

.gem-box {
    width: 26px;
    height: 18px;
    border: 1px solid #4f4f4f;
    float: left;
    display: inline-block;
    margin-right: 2px;
}

.gem-box img {
    display: block;
}

#offers-form tr {
    border: 0 !important;
}


/*夺宝传奇排行*/

#lucky-list li img {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

.roll-winner-list li .head-circle {
    width: 58px;
    height: 58px;
    padding-left: 4px;
    padding-top: 4px;
}

#lucky-list li:nth-child(1) .head-circle {
    background: url('../images/lucky-first.png') center center no-repeat;
    background-size: 100%;
}

#lucky-list li:nth-child(2) .head-circle {
    background: url('../images/lucky-second.png') center center no-repeat;
    background-size: 100%;
}

#lucky-list li:nth-child(3) .head-circle {
    background: url('../images/lucky-third.png') center center no-repeat;
    background-size: 100%;
}

.roll-winner-list .lucky-num-box {
    position: absolute;
    top: 35px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: #40415D;
    text-align: center;
    color: white;
    border-radius: 50%;
    padding-right: 1px;
    line-height: 1.6;
}

#lucky-list .lucky-num-box {
    position: absolute;
    top: 35px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: #40415D;
    text-align: center;
    color: white;
    border-radius: 50%;
    padding-right: 1px;
    line-height: 1.6;
}

#lucky-list li:nth-child(1) .lucky-num-box {
    background: #FFB200
}

#lucky-list li:nth-child(2) .lucky-num-box {
    background: #A0A5D9
}

#lucky-list li:nth-child(3) .lucky-num-box {
    background: #F6A2A4
}


/*消息页面*/

.msg-filter {
    background: #141821;
    padding: 10px 0;
}

.msg-filter a {
    text-align: center;
    width: 80px;
    display: inline-block;
}

.msg-filter a.active {
    color: #E4B35A
}

.msg-table thead tr th,
.msg-table tbody tr td {
    border: 0;
    height: 50px;
    vertical-align: middle;
}

.msg-table span {
    word-wrap: break-word;
    word-break: break-all;
}

.msg-table thead tr {
    background: #232836;
}

.msg-table thead tr th {
    text-align: center;
}

.msg-table tbody tr {
    background: #232836;
}

.msg-table tbody tr:nth-child(2n+1) {
    background: #282E3E;
}

#msg-Num {
    position: relative;
}

.red-point {
    width: 5px;
    height: 5px;
    background: #ab4344;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    margin-left: -5px;
    left: -1px;
    top: -7px;
}

.locked-hint {
    position: absolute;
    left: 20px;
    top: 10px;
    z-index: 1;
}

.botMask {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.bot-offline-mask {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
}

.self-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    height: 77px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 77px;
}

.count-box {
    padding: 2px 5px;
    border: 1px solid;
    margin-right: 5px;
}

#content .count-btn-group .btn {
    background: transparent;
    color: #B2B6BE;
    border: 1px solid #B2B6BE;
    border-radius: 0;
    padding: 2px 10px;
    height: auto;
    line-height: inherit;
}

#content .count-input-group span {
    background: #2C3040;
    color: #B2B6BE;
    border: 1px solid #B2B6BE;
    border-radius: 0;
    width: 39px;
}

.count-input-group input {
    background: #38404E;
    color: #B2B6BE;
    border: 1px solid #B2B6BE;
    border-radius: 0;
    width: 100px;
    height: inherit;
}


/*联赛活动页*/

.league-head {
    width: 1120px;
    margin: 0 auto;
    height: 80px;
}

.league-head ul li {
    float: left;
    margin-left: 10px;
}

.league-head .nav-links li {
    margin-right: 0;
}

.schedule-box {
    width: 1020px;
    height: 335px;
    background: #242424;
    margin-top: 35px;
}

.schedule-nav li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    border-bottom: 3px solid #181818;
}

.schedule-nav li.active {
    border-bottom: 3px solid #FEB93E;
}

.schedule-nav li a {
    text-decoration: none;
}

.schedule-nav li.active a {
    color: #FEB93E;
}

#content .schedule-week-nav li {
    background: #181818;
    border: 1px solid #181818;
    margin-right: 20px;
    padding: 0px 12px;
    border-radius: 20px;
    font-size: 18px;
}

#content .schedule-week-nav li.active {
    border: 1px solid #FAB63E;
}

#content .schedule-week-nav li a {
    text-decoration: none;
    color: #434343;
}

#content .schedule-week-nav li.active a {
    color: #FAB63E;
}

.schedule-week-detail {
    width: 980px;
    height: 175px;
}

.schedule-race-detail {
    width: 230px;
    height: 175px;
    background: #1F1F1F;
    float: left;
    margin-right: 20px;
}

.schedule-race-detail:nth-child(4n) {
    margin-right: 0;
}

.schedule-race-detail .race-date {
    width: 100%;
    height: 65px;
    background: #2E2E2E;
    text-align: center;
    padding-top: 10px;
}

.race-blue {
    width: 75px;
    height: 110px;
    padding-top: 10px;
    text-align: center;
}

.race-red {
    width: 75px;
    height: 110px;
    padding-top: 10px;
    text-align: center;
}

.race-count {
    width: 80px;
    height: 110px;
    padding-top: 10px;
    text-align: center;
}

.live-window {
    width: 1020px;
    height: 620px;
    border: 2px solid #FEB93E;
}

.team-count-box {
    width: 1019px;
    height: 395px;
    background: #242424;
    margin-top: 35px;
}

#content .schedule-team-nav li {
    width: 251px;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
    background: #121212;
    border: 1px solid #121212;
    text-align: center;
    margin-right: 5px;
}

#content .schedule-team-nav li.active {
    border: 1px solid #FEB93E;
}

#content .schedule-team-nav li.active a {
    color: #FEB93E;
}

#content .schedule-team-nav li a {
    text-decoration: none;
    width: 100%;
    display: inline-block;
}

.league-count-list {
    width: 1019px;
}

.league-count-list th,
.league-count-list td {
    text-align: center;
}

.league-count-list thead tr {
    height: 55px;
    width: 1019px;
    background: #121212;
}

.league-count-list thead tr th {
    color: #FEB93E;
    font-weight: normal;
    font-size: 18px;
}

.league-count-list thead tr th:nth-child(2) {
    text-align: left;
}

.league-count-list tbody tr {
    height: 50px;
    width: 1019px;
    background: #121212;
    border-top: 10px solid #242424;
    border-bottom: 10px solid #242424;
}

.league-count-list tbody tr:hover {
    background: #1A1A1A;
}

.league-count-list tbody tr td {
    font-size: 16px;
}

.league-count-list tbody tr td:nth-child(2) {
    text-align: left;
}

.league-arrow-down {
    position: relative;
    top: -18px;
    display: none;
}

.active>.league-arrow-down {
    display: inline-block;
}


/*商城饰品兑换*/

#item-box .gold-list li {
    margin: 10px;
    position: relative;
}

#item-box ul li img,
#backpack-up ul li img,
.printing-box img,
.csgo-wear-box img,
.tab-content .play-dota2-list li img,
.open-box-roll-list li img {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
}

.item-exchange {
    display: none;
    position: absolute;
    width: 177px;
    height: 185px;
    top: -2px;
    left: -2px;
    border: 2px solid #e4b35a;
    padding-top: 140px;
    background-color: rgba(0, 0, 0, 0.4);
}

.item-exchange-box li:hover .item-exchange {
    display: block;
}

.tab-content ul li.dota2-backpack-up {
    position: relative;
    width: 170px;
    height: 224px;
    border: 1px;
    margin-top: 20px;
}

.dota-backpack-background {
    background: url('../images/dota2-backpack-up.png') no-repeat !important;
}

.csgo-backpack-background {
    background: url('../images/csgo-backpack-up.png') no-repeat !important;
}

.dota2-backpack-exchange {
    display: none;
    position: absolute;
    width: 171px;
    height: 226px;
    top: -2px;
    left: -2px;
    border: 2px solid #e4b35a;
    padding-top: 180px;
    background-color: rgba(0, 0, 0, 0.4);
}

.rm-menu-item a,
.rm-nav li a {
    color: grey;
}

li.dota2-backpack-up:hover .dota2-backpack-exchange {
    display: inline-block;
}


/*csgo改版*/

.csgo-nav {
    height: 60px;
    background: url('../images/CSGO/csgo-nav-bg.png') no-repeat;
}

.csgo-nav .csgo-main-nav {
    height: 60px;
}

.csgo-nav .csgo-main-nav>li {
    height: 60px;
    width: 90px;
    background: url('../images/CSGO/csgo-nav-icon.png?v=1') no-repeat;
}

.csgo-nav .csgo-main-nav>li>a {
    height: 60px !important;
    padding: 0 !important;
    padding-top: 40px !important;
    line-height: 20px !important;
    line-height: 1 !important;
    text-align: center;
}

.csgo-nav .csgo-main-nav>li:nth-child(1) {
    background-position: 26px 3px;
}

.csgo-nav .csgo-main-nav>li:nth-child(2) {
    background-position: 26px -45px;
}

.csgo-nav .csgo-main-nav>li:nth-child(3) {
    background-position: 26px -90px;
}

.csgo-nav .csgo-main-nav>li:nth-child(4) {
    background-position: 26px -141px;
}

.csgo-nav .csgo-main-nav>li:nth-child(5) {
    background-position: 26px -189px;
}

.csgo-nav .csgo-main-nav>li:nth-child(6) {
    background-image: url('../images/CSGO/gloves.png');
    background-position: 26px 4px;
}

.csgo-nav .csgo-main-nav>li:nth-child(7) {
    background-position: 26px -236px;
}

.csgo-nav .csgo-main-nav>li:nth-child(8) {
    background-position: 26px -283px;
}

.csgo-nav .csgo-main-nav>li:nth-child(9) {
    /*background-position: 26px -333px;*/
    /* background-position: 26px -236px; */
    background-position: 26px -477px;
}

.csgo-nav .csgo-main-nav>li:nth-child(10) {
    background-image: url('../images/CSGO/others.png');
    background-position: 26px 4px;
}

.csgo-nav .csgo-main-nav>li:nth-child(11) {
    background-position: 26px -428px;
}

.csgo-nav>.csgo-main-nav>li>ul,
.csgo-nav2>.csgo-main-nav>li>ul {
    width: 300px !important;
    background: #141821;
}

.csgo-nav>.csgo-main-nav>li>ul>li {
    width: 150px;
    float: left;
    text-align: center;
    height: 50px;
    padding: 0 10px;
    background: #141821;
}

.csgo-nav>.csgo-main-nav>li>ul>li:nth-child(1),
.csgo-nav>.csgo-main-nav>li>ul>li:nth-child(2),
.csgo-nav2>.csgo-main-nav>li>ul>li:nth-child(1),
.csgo-nav2>.csgo-main-nav>li>ul>li:nth-child(2) {
    border-top: 1px solid #e4b35a;
}

.csgo-nav .csgo-main-nav>li>ul>li>a,
.csgo-nav2 .csgo-main-nav>li>ul>li>a {
    border-bottom: 1px solid #1A1E29;
    background: #141821 !important;
}

.csgo-nav .csgo-main-nav>li>ul>li>a:hover,
.csgo-nav2 .csgo-main-nav>li>ul>li>a:hover {
    color: #e4b35a;
}

.csgo-nav2 .csgo-main-nav>li {
    background: url('../images/CSGO/csgo-nav-icon.png') no-repeat #141821;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(1) {
    width: 95px;
    background-position: 6px 5px;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(2) {
    width: 102px;
    background-position: 10px -43px;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(3) {
    width: 102px;
    background-position: 0px -91px;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(4) {
    background-position: 0px -140px;
    width: 130px;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(5) {
    width: 131px;
    background-position: 6px -188px;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(6) {
    background-image: url('../images/CSGO/gloves.png');
    background-position: 16px 7px;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(7) {
    background-position: 18px -234px;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(8) {
    background-position: 20px -282px;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(9) {
    background-position: 18px -330px;
}

.csgo-nav2 .csgo-main-nav>li:nth-child(10) {
    background-image: url('../images/CSGO/others.png');
    background-position: 23px 7px;
}

.example-img {
    position: absolute;
    width: 200px;
    height: 150px;
    padding: 10px 10px;
    background: #1B1F2A;
    left: 100%;
    border-top: 1px solid #e4b35a;
}

.dagger .example-img {
    padding: 10px 10px 20px 10px;
}

.example-img img {
    width: 170px;
}


/*.csgo-nav .rm-lighten .rm-menu-item .rm-menu-item a,.csgo-nav .rm-lighten .rm-menu-item a:focus, .csgo-nav .rm-lighten .rm-menu-item a:hover,.csgo-nav .rm-lighten .rm-menu-item.rm-hover>a, .csgo-nav .rm-lighten li a:focus,.csgo-nav .rm-lighten li a:hover,.csgo-nav .rm-lighten li li a,.csgo-nav .rm-lighten li.rm-hover a{*/


/*background: url('../images/csgo/nav-selected-bg.png');*/


/*background-color: transparent !important;*/


/*}*/

.csgo-list {
    background: #1B1F2A;
    width: 100%;
    height: 240px;
    padding: 20px !important;
}

.csgo-list li {
    position: relative;
    width: 170px;
    margin: 0 5px;
    background: #2C3040;
    float: left;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 10px;
}

.csgo-nav2>.csgo-main-nav>li>ul>li {
    width: 150px;
    float: left;
    text-align: center;
    height: 50px;
    padding: 0 10px;
    background: #141821;
}

.csgo-list .cloudbuy-remain b {
    margin-right: 4px;
    background-color: #333A56;
    padding: 6px 5px;
    border-radius: 4px;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
}

.csgo-nav2 .csgo-main-nav {
    height: 50px;
}

.csgo-nav2 .csgo-main-nav li {
    width: 112px;
    height: 50px;
}

.csgo-nav2 .csgo-main-nav>li>a {
    height: 50px !important;
    padding: 0 20px !important;
    line-height: 50px !important;
    text-align: right;
}

.filter-cat-group>a {
    margin: 2px 5px 2px 0;
    padding: 2px 5px;
    display: inline-block;
}

.csgo-wear-arrow {
    position: absolute;
    left: -6px;
    top: -3px;
}

.csgo-invertory li {
    height: 235px;
}

.csgo-description-area textarea {
    resize: none;
    width: 480px;
    height: 50px;
    background: #303945;
    border: 1px solid #8991b0;
    color: #8991b0;
}

.dropdown-menu {
    background: none;
    padding: 0;
    min-width: 100px !important;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    font-size: 14px;
    text-align: center;
}

.dropdown-menu li {
    width: 100px;
    border-top: 0 !important;
    text-align: center;
    padding: 0 !important;
}

.dropdown-menu li a {
    height: 38px;
    background: #333B50;
    line-height: 34px;
}

.dropdown-menu li a:hover {
    background: #222836;
    color: #c5cce0 !important;
}


/*csgo名片更新*/

.popover {
    max-width: 390px;
}

.detail-item-img {
    height: 250px;
}

.list-item4.cloudbuy-csgo li {
    position: relative;
    overflow: hidden;
    height: 240px;
}

.list-item4.cloudbuy-csgo .prograss-bar {
    background: #476291;
}

.list-item4.cloudbuy-csgo .cloudbuy-remain b {
    margin-right: 4px;
    background-color: #333A56;
    border-radius: 4px;
    font-size: 20px;
    color: #E46409;
    vertical-align: middle;
    display: inline-block;
}

.list-item4.cloudbuy-csgo .cloudbuy-progress {
    position: absolute;
    bottom: 30px;
    width: 95%;
}

.list-item4.cloudbuy-csgo .name-ellipsis-160 {
    position: absolute;
    bottom: 35px;
}

.list-item4.cloudbuy-csgo .csgo-wear-box {
    position: absolute;
    bottom: 65px;
}

.list-item2.cloudbuy-soon li {
    height: 274px;
    text-align: center;
    position: relative;
}

.list-item2.cloudbuy-soon li:hover img {
    transform: scale(1.31);
    -webkit-transform: scale(1.31);
    -moz-transform: scale(1.31);
    -ms-transform: scale(1.31);
}

.list-item2.cloudbuy-soon li .cloudbuy-remain {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.list-item2.cloudbuy-soon li .info2 {
    position: absolute;
    bottom: 36px;
    width: 96%;
}

.list-item2.cloudbuy-soon li .cloudbuy-progress {
    position: absolute;
    bottom: 70px;
    width: 96%;
}

.list-item2.cloudbuy-soon li .name {
    position: absolute;
    bottom: 76px;
    width: 96%;
    text-align: left;
}

.list-item2.cloudbuy-soon li .csgo-wear-box {
    position: absolute;
    bottom: 100px;
}

.navbar-bg-fix {
    width: 4000px;
    height: 50px;
    background-color: #141821;
    position: fixed;
    top: 105px;
    z-index: 99;
    left: 0;
}

.dota2-backpack-up li {
    margin-right: 20px;
}

.csgo-modal {
    text-align: center;
    height: 100px;
    width: 60px;
    display: inline-block;
    margin-right: 50px;
}

.dota2-modal {
    text-align: center;
    height: 100px;
    width: 60px;
    display: inline-block;
}

.csgo-modal img,
.dota2-modal img {
    background: #646A84;
    border-radius: 50%;
}

.csgo-modal:hover img,
.dota2-modal:hover img {
    background: #e4b35a;
}

#sus-msg {
    width: 250px;
    height: 38px;
    position: fixed;
    top: 35px;
    border: 1px solid #e4b35a;
    font-size: 16px;
    line-height: 36px;
    color: #e4b35a;
}

#dropdownMenu1:hover {
    color: #e4b35a;
}

.change-game-btn {
    position: relative;
}

.float-msg {
    position: absolute;
    top: 26px;
    left: -50px;
    border: 1px solid #667485;
    text-align: center;
    border-radius: 4px;
    color: white;
    display: none;
    height: 30px;
    line-height: 30px;
    background: #2E3044;
    white-space: nowrap;
    padding: 0 10px;
}

.float-msg span {
    position: absolute;
    left: 65px;
    top: -8px;
}

.change-game-btn:hover .float-msg {
    display: block;
}


/*饰品维基*/


/*2017.10.11维基迭代*/

.wiki-rich-list li:nth-child(1) .head-circle {
    background: url('../images/wiki/first.png') -3px -1px no-repeat;
}

.wiki-rich-list li:nth-child(2) .head-circle {
    background: url('../images/wiki/second.png') -2px -2px no-repeat;
}

.wiki-rich-list li:nth-child(3) .head-circle {
    background: url('../images/wiki/third.png') -1px -3px no-repeat;
}

.rich-toggle-box {
    position: absolute;
    width: auto;
    height: 24px;
    top: 8px;
    right: 20px;
    border: 1px solid #404963;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 0 5px;
    cursor: pointer;
}

.rich-toggle-box span {
    display: inline-block;
    line-height: 22px;
    text-align: center;
    padding: 0 7px;
    width: 50%;
    float: left;
    vertical-align: top;
    color: #F5F6F7;
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

.rich-toggle-box .toggle {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 22px;
    width: 55%;
    background: #404963;
    border-radius: 11px;
    z-index: 0;
}

.author-lev1 {
    padding: 2px 5px;
    border: 1px solid #5BA919;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: #5BA919;
    vertical-align: top;
}

.wiki-user-data {
    margin: 30px 0 20px 0;
}

.wiki-user-data>div {
    width: 33.3%;
    float: left;
    height: 48px;
    text-align: center;
}

.wiki-user-data .mid-box {
    border-left: 1px solid rgba(37, 40, 52, 1);
    border-right: 1px solid rgba(37, 40, 52, 1);
}

.item-wiki-nav {
    padding: 20px;
}

.item-wiki-nav a {
    display: inline-block;
    border: 1px solid #afb0b2;
    padding: 3px 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 15px;
    margin-right: 10px;
}

.item-wiki-nav a.active {
    border: 1px solid #e4b35a;
}

.wiki-value-box {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #4D567F;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #AFB0B2;
}

.wiki-value-box:hover,
.wiki-value-box.active {
    border: 1px solid #e4b35a;
    color: #e4b35a;
}

.wiki-reward-input {
    width: 255px;
    line-height: 25px;
    border-radius: 4px;
    outline: none;
    border: 1px solid #667485;
    background: #1F2431;
}

.wiki-reward-list {
    width: 100%;
    background: #1B1F2A;
}

.wiki-reward-list>li {
    padding: 0 20px;
}

.wiki-reward-list>li:hover {
    padding: 0 20px;
    height: auto;
    overflow: hidden;
}

.wiki-reward-list>li:nth-child(2n) {
    background: #212633;
}

.wiki-reward-list>li>div {
    height: 54px;
    line-height: 54px;
}

.wiki-reward-list .box1 {
    float: left;
    width: 55%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wiki-reward-list .box2 {
    float: left;
    width: 30%;
    text-align: center;
}

.wiki-reward-list .box3 {
    float: left;
    width: 15%;
    color: #595A5D;
    text-align: right;
}

.wiki-reward-item li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.author-1 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/wiki/author-normal.png');
}

.author-0-little {
    display: inline-block;
    width: 14px;
    height: 14px;
}

.author-1-little {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('../images/wiki/author-normal.png');
    background-size: 100%;
}

.author-2 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/wiki/author-column.png');
}

.author-2-little {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('../images/wiki/author-column.png');
    background-size: 100%;
}

.author-0-little {
    display: inline-block;
    width: 14px;
    height: 14px;
}

.banner-wiki .carousel-indicators {
    bottom: 12px;
    margin-bottom: 0;
    padding: 0 10px;
    margin-left: 0;
    height: 16px;
    line-height: 16px;
    right: 0px;
    width: auto;
    left: inherit;
}

.banner-wiki .carousel-indicators li {
    background-color: #5F6972;
    margin: 0 10px 0 0;
    border: 1px solid #5F6972;
}

.banner-wiki .carousel-indicators li.active {
    background-color: #e4b35a;
    width: 10px;
    height: 10px;
    border: 1px solid #e4b35a;
}


/*2017.10.11维基迭代end*/


/*点赞*/

@-webkit-keyframes niceIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes niceIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes niceIn {
    0% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -o-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes niceIn {
    0% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }
    70% {
        -o-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.niceIn {
    -webkit-animation: niceIn 0.8s .2s ease;
    -moz-animation: niceIn 0.8s .2s ease;
    -o-animation: niceIn 0.8s .2s ease;
    animation: niceIn 0.8s .2s ease;
}


/*点赞效果*/

.hot-search-list li {
    float: left;
    background: #2C3040;
    padding: 0px 10px;
    margin-right: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wiki-swiper .swiper-slide {
    height: 155px;
}

.wiki-swiper .swiper-slide a:nth-child(3) {
    margin-right: 0;
}

#wiki-swiper-container .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
}

.wiki-swiper .swiper-slide a {
    display: inline-block;
    width: 263px;
    height: 158px;
    float: left;
    border: 1px solid #1B1F2A;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
}

.wiki-swiper .swiper-slide a:hover {
    border: 1px solid #e4b35a;
}

.wiki-swiper .swiper-slide a span {
    display: block;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    transition: all .3s;
}

.wiki-swiper .swiper-slide a:hover span {
    opacity: 1;
}

.wiki-swiper .swiper-pagination-bullet-active {
    background: #e4b35a;
}

.wiki-article-list li,
.tab-content .wiki-article-list li {
    padding: 20px;
    height: 160px;
    background: #1B1F2A;
    border: 1px solid transparent;
}

.wiki-article-list li:nth-child(2n) {
    background: #212633;
    border: 1px solid transparent;
}

.wiki-article-list li:hover {
    background: #212633;
    border: 1px solid #343A50;
}

.wiki-article-list li img {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.wiki-article-list li .article-breviary {
    width: 556px;
}

.article-breviary .main-page {
    height: 55px;
    overflow: hidden;
}

.wiki-title {
    width: 810px;
    height: 90px;
    background: #141821;
    text-align: center;
    padding-top: 10px;
}

.wiki-pagenation {
    padding: 20px;
    background: #1B1F2A;
}

.wiki-pagenation .recommended-item {
    border: 1px solid #4D567F;
    padding: 10px;
    background: #141821;
}

.wiki-pagenation .recommended-item img {
    float: left;
}

.wiki-pagenation .recommended-item .discribe {
    width: 600px;
    float: right;
}

.tag-box span {
    min-width: 43px;
    height: 20px;
    float: left;
    padding-left: 5px;
    margin-right: 5px;
}

.tag-first {
    background: url('../images/wiki/tag.png') no-repeat;
}

.related-items {
    padding: 10px 20px;
    width: 810px;
    background: #141821;
}

.related-items ul li {
    position: relative;
    float: left;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden;
}

.related-items ul li:nth-child(4n) {
    margin-right: 0;
}

.related-items ul li span {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
}

.comments-area {
    padding: 20px;
    background: #1B1F2A;
}

.comments-area textarea {
    padding: 10px;
    width: 100%;
    height: 60px;
    background: #292d38;
    border: 1px solid #4b4c4f;
}

.comments-list>li>img {
    display: inline-block;
    float: left;
}

.comments-list>li {
    border-top: 1px solid #232835;
    padding: 10px 0 10px 20px;
    display: block;
}

.comments-list>li:nth-child(1) {
    border-top: 0;
}

.comments-list li .name {
    color: white;
}

.comments-list>li .right-msg {
    width: 685px;
    float: right;
}

.right-msg p {
    word-break: break-all;
}

.comments-list2 li>img {
    display: inline-block;
    float: left;
}

.comments-list2 li {
    border-top: 1px solid #1B1F2A;
    display: block;
}

.comments-list2 li .right-msg {
    width: 655px;
    float: right;
}

.wiki-more-comment {
    display: block;
    width: 100%;
    line-height: 39px;
    text-align: center;
    height: 40px;
    color: #cccccc;
    background: #212633;
    border-top: 1px solid #1B1F2A;
}

.wiki-more-hotcomment {
    display: block;
    width: 100%;
    line-height: 39px;
    text-align: center;
    height: 40px;
    color: #cccccc;
    background: #212633;
    border-top: 1px solid #1B1F2A;
}

.wiki-giving-floor span img {
    border: 2px solid #1B1F2A;
    margin-left: -15px;
}

.wiki-relative-items {
    padding: 19px;
    background: #1B1F2A;
    height: 220px;
}

.wiki-relative-items .wiki-img-box {
    text-align: center;
    padding: 13px 0;
    background: url('../images/wiki/item-bg.png');
}

.wiki-relative-items .wiki-img-box img {
    border-radius: 4px;
}

.wiki-relative-items>div {
    width: 178px;
    float: left;
    margin-right: 20px;
}

.wiki-relative-items>div:nth-child(4) {
    margin-right: 0px;
}

.comments-list textarea {
    margin-left: 65px;
    width: 635px;
}

.comments-list2 textarea {
    margin-left: 65px;
    width: 570px;
}

.comments-list a:hover {
    color: #4F74AC;
}

.comments-list a.btn:hover {
    color: #fff;
}

.recommend-article li {
    position: relative;
    overflow: hidden;
    background: #1B1F2A;
    height: 82px;
    padding: 10px 20px;
    border: 1px solid transparent;
}

.recommend-article li:hover {
    background: #212633;
    border: 1px solid #3F4560;
}

.recommend-article li a {
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.recommend-article li a img {
    width: 97px;
    border-radius: 4px;
    float: left;
}

.recommend-article li .ordinal {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 20px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    display: block;
    color: #cccccc;
    border-top-left-radius: 4px;
    background: rgba(0, 0, 0, 0.5);
}

.recommend-article li:nth-child(1) .ordinal {
    left: 25px;
    width: 34px;
    height: 22px;
    border-top-left-radius: 0;
    background: url('../images/wiki/hot.png')no-repeat;
}

.recommend-article li:nth-child(2) .ordinal {
    background: #E7A732;
    color: #fff;
}

.recommend-article li:nth-child(3) .ordinal {
    background: #E75D19;
    color: #fff;
}

.recommend-article li:nth-child(1) {
    height: 170px;
}

.recommend-article li:nth-child(1) a {
    height: 149px;
}

.recommend-article li:nth-child(1) img {
    width: 248px;
}

.recommend-article li:nth-child(1) a div {
    width: 248px;
    position: absolute;
    height: 30px;
    bottom: 9px;
}

.recommend-article li:nth-child(1):hover a div p:nth-child(1) {
    opacity: 1;
}

.recommend-article li:nth-child(1) a div p:nth-child(1) {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all .3s;
}

.recommend-article li:nth-child(1) a div p:nth-child(2) {
    display: none;
}

.recommend-article li a div {
    width: 140px;
    float: right;
    height: 60px;
}

.new-list li {
    background: url("../images/avatar-bg.png") 10px 18px no-repeat #1B1F2A;
    background-size: 2%;
    padding: 10px 20px;
}

.new-list li:nth-child(2n) {
    background: url("../images/avatar-bg.png") 10px 18px no-repeat #141821;
    background-size: 2%;
}

#highP .csgo-list li {
    border: 0;
    background: url('../images/CSGO/highP-bg.png') -3px -3px no-repeat;
    background-size: 104%;
    height: 201px;
}


/*游乐场*/

.treasure-floor {
    background: #202533;
}

.treasure-floor .tab-content {
    background: transparent;
    padding: 10px;
}

.tab-content ul.play-dota2-list {
    padding: 0;
}

.tab-content .play-dota2-list li {
    width: 150px;
    height: 125px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background-image: url('../images/playground/box-shadow.png');
    position: relative;
}

.tab-content .play-dota2-list li img.box-img {}

.active-border {
    display: none;
    position: absolute;
    left: -1px;
    top: -1px;
}

.tab-content .play-dota2-list li.active .active-border {
    display: block;
}

.play-dota2-list li:nth-of-type(5n) {
    margin-right: 0;
}

.playground-user {
    height: 300px;
    padding: 18px;
    background: rgba(32, 37, 51, 0.8);
}

.playground-user .region-head {
    height: 135px;
    border-bottom: 1px solid #455867;
}

.exchange-count-btn {
    border: 1px solid #e4b35a;
    color: #e4b35a;
    padding: 2px 15px;
}

.exchange-count-btn:hover {
    opacity: 0.8;
}

.play-record-table tr {
    height: 25px;
}

.play-record-table tr td:nth-child(1),
.play-record-table tr td:nth-child(2) {
    text-align: right;
}

.play-record-table tr td:nth-child(2) {
    padding-left: 10px;
}

.prizeport {
    padding: 10px;
    width: 790px;
    height: 62px;
    margin-left: 5px;
    background-image: url('../images/playground/prizeport.png');
    background-color: #232633;
}

.prizeport>span {
    display: inline-block;
    height: 42px;
    line-height: 42px;
    margin-right: 10px;
}

.prizeport-list li {
    width: 67px;
    height: 42px;
    float: left;
    padding: 2px;
    border: 1px solid #535D8A;
    margin-right: 5px;
    overflow: hidden;
}

.open-box-btn {
    display: inline-block;
    background-image: url('../images/playground/btn.png');
    background-repeat: no-repeat;
    background-position: -3px -2px;
    width: 112px;
    height: 36px;
    line-height: 35px;
    font-size: 16px;
}

.open-box {
    width: 791px;
    overflow: hidden;
    position: relative;
    border-left: 1px solid #F36901;
    border-right: 1px solid #F36901;
    z-index: 10;
}

.open-box .point-bar {
    width: 1px;
    height: 115px;
    position: absolute;
    left: 396px;
    top: 0;
    z-index: 10;
    background-color: #F36900;
}

.case-delete-btn {
    position: absolute;
    display: inline-block;
    left: -30px;
    text-align: center;
    width: 30px;
    height: 104px;
    color: white;
    background: #4C567E;
    z-index: 10;
    margin-top: 5px;
    line-height: 104px;
}

.open-case-winModal {
    border: 0;
    width: 830px;
    height: 600px;
    padding: 130px 140px 0 126px;
    position: relative;
    background: url(../images/playground/win-pop2.png) no-repeat;
}

#win-container img {
    float: left;
    margin-right: 10px;
}

.background-div {
    position: absolute;
    width: 564px;
    z-index: 1;
}

.background-div div {
    float: left;
    width: 100px;
    height: 67px;
    border: 1px solid red;
    margin-right: 10px;
    margin-top: 6px;
}

.sold-out {
    position: absolute;
    z-index: 99;
    width: 150px;
    height: 125px;
    left: -2px;
    top: -2px;
    padding-left: 40px;
    padding-top: 20px;
    display: none;
    background: rgba(0, 0, 0, 0.5);
}

.case-done .sold-out {
    display: block;
}

.oreModal {
    border: 0;
    width: 400px;
    height: 380px;
    padding-top: 120px;
    padding-left: 40px;
    position: relative;
    background: url(../images/playground/ore-alert.png) no-repeat;
}

.open-box:hover .case-delete-btn {
    transition: all 0.3s;
    transform: translateX(30px);
    -ms-transform: translateX(30px);
    /* IE 9 */
    -moz-transform: translateX(30px);
    /* Firefox */
    -webkit-transform: translateX(30px);
    /* Safari 和 Chrome */
    -o-transform: translateX(30px);
    /* Opera */
}

.open-box-roll-list {
    width: 16000px;
    height: 110px;
    margin-top: 5px;
    position: relative;
}

.show-box-item {}

.tab-content .show-box-item ul {
    padding: 5px 0 5px 4px;
}

.tab-content .show-box-item ul li {
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #b2b2b2;
}

.show-box-item ul li span {
    display: none;
}

.show-box-item ul li:hover span {
    display: inline;
}

.tab-content .show-box-item ul li.extra {
    border: 1px solid #cf6a32;
}

.point-arrow {
    position: absolute;
    bottom: -13px;
    left: 57px;
    display: none;
}

.tab-content .show-box-item ul li span {
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
}

.open-box-roll-list li {
    float: left;
    width: 105px;
    height: 104px;
    margin-right: 7px;
    background-image: url('../images/playground/bg.png');
}

.open-box-roll-list.true-roll-list li:nth-of-type(1) {
    width: 38px;
    background: none;
    border: 1px solid #414762;
}

.open-box-roll-list.true-roll-list li:nth-of-type(1) img {
    width: 85px;
    position: relative;
    left: -25px;
    top: 20px;
}

#content .tab-content .box-inside-list {
    padding: 0;
}

.play-dota2-list .popover {
    max-width: 800px;
}

#content .tab-content .box-inside-list li {
    font-size: 12px;
    float: left;
    width: 87px;
    height: 58px;
    border: 1px solid #b2b2b2;
    margin-right: 7px;
    margin-bottom: 0;
}

#content .tab-content .box-inside-list li p {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#content .tab-content .box-inside-list li.extra {
    border: 1px solid #E97A15;
}

.light-effect-box {
    position: absolute;
    width: 779px;
    height: 106px;
    margin: 4px;
}

.play-dota2-list li:hover .box-img {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: scale(1.3) !important;
    -webkit-transform: scale(1.3) !important;
    -moz-transform: scale(1.3) !important;
    -ms-transform: scale(1.3) !important;
}

@-webkit-keyframes shineOrange {
    from {
        -webkit-box-shadow: 0 0 5px #bbb;
    }
    50% {
        -webkit-box-shadow: 0 0 20px #F86B00;
    }
    to {
        -webkit-box-shadow: 0 0 5px #bbb;
    }
}

.shine_orange {
    border-radius: 2px;
    -webkit-animation-name: shineOrange;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}

#content .tab-content .box-inside-list.extra li {
    border: 1px solid #F86B00;
}

.tab-content .game-list {
    margin: 10px;
    width: 790px;
    padding: 0;
}

.tab-content .game-list li {
    padding: 20px;
    background: #202532;
    width: 100%;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #2c3040;
    position: relative;
}

.tab-content .game-list li>a {
    position: absolute;
    right: 20px;
    top: 20px;
}

.tab-content .game-list li img {
    border: 1px solid #414762;
    border-radius: 4px;
    float: left;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
}

.game-info {
    width: 550px;
    float: right;
    position: relative;
}

.game-describe {
    width: 400px;
}

.personal-recoed {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #2C3344;
}

.personal-recoed>div {
    width: 90px;
    height: 40px;
    text-align: center;
    float: left;
}

.personal-recoed>div:first-child {
    border-right: 1px solid #2C3344;
}

.roll-box {
    position: relative;
    padding-top: 78px;
    width: 650px;
    padding-bottom: 78px;
    background-image: url('../images/playground/top.png'), url('../images/playground/bottom.png');
    background-repeat: no-repeat, no-repeat;
    background-position: top center, bottom center;
}


/*饰品维基*/

.wiki-article-list .list-view li>a {
    display: inline-block;
    float: left;
    width: 200px;
    height: 120px;
    margin-right: 10px;
    overflow: hidden;
}

.wiki-article-list .list-view li:hover>a img {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

.li-list-num {
    width: 22px;
    line-height: 22px;
    border-radius: 11px;
    background: #424965;
    color: #DDDDDD;
    display: inline-block;
    text-align: center;
}

.like {
    padding-left: 20px;
    margin-left: 10px;
    background: url('../images/like.png') 0 2px no-repeat;
}

.like:hover {
    padding-left: 20px;
    margin-left: 10px;
    background: url('../images/like2.png') 0 2px no-repeat;
}

.stamp {
    padding-left: 20px;
    margin-left: 10px;
    background: url('../images/stamp.png') 0 2px no-repeat;
}

.stamp:hover {
    padding-left: 20px;
    margin-left: 10px;
    background: url('../images/stamp2.png') 0 2px no-repeat;
}

.like2 {
    padding-left: 20px;
    margin-left: 10px;
    background: url('../images/like3.png') 0 2px no-repeat;
}

.like2:hover {
    padding-left: 20px;
    margin-left: 10px;
    background: url('../images/like4.png') 0 2px no-repeat;
}

.stamp2 {
    padding-left: 20px;
    margin-left: 10px;
    background: url('../images/stamp3.png') 0 2px no-repeat;
}

.stamp2:hover {
    padding-left: 20px;
    margin-left: 10px;
    background: url('../images/stamp4.png') 0 2px no-repeat;
}

.report-btn {
    visibility: hidden;
}

.hoverBox:hover .report-btn {
    visibility: visible;
}

.reply,
.reply a {
    color: #777777;
}

.chartul {
    padding-top: 20px;
}

.chartul ul {
    border: none;
    width: 200px;
    margin: auto;
}

.chartul .nav-tabs li a {
    background: none;
    border: none;
    color: #808080;
    padding: 2px;
}

.chartul .nav-tabs li.active a {
    background: none;
    border: none;
    color: #e4b35a;
    
}

.chartul ul li {
    width: 90px;
    height: 24px;
    background-color: transparent;
    border: 1px solid #808080;
    text-align: center;
    margin-bottom: 5px;
    /* line-height: 24px; */
}

.chartul ul .active {
    color: #e4b35a;
    border: 1px solid #E4B35A 
}

.chartbox {
    width: 800px;
    height: 450px;
    position: relative;
    top: -20px;
}

.charts_week {
    display: block;
    width: 810px;
    height: 420px;
    /*border: 1px solid #fff;*/
    margin: auto;
}


/*推广中心*/

.promote-im {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 250px;
    background: #282E3E;
    padding: 20px;
}


/*投稿*/

.contribute {
    background: #1B1F2A;
    padding: 20px;
}

.contribute-text {
    display: block;
    width: 650px;
    resize: vertical;
    min-height: 300px;
    border: 1px solid #404661;
    border-bottom: 0;
    background: #272C3B;
    padding: 10px;
}

.contribute-img-box {
    width: 650px;
    height: 100px;
    border: 1px solid #404661;
    border-top: 0;
    padding: 10px;
    background: #232836;
}

.wangEditor-container {
    width: 650px;
}

.contribute-notice li {
    padding: 10px 20px;
    background: #1B1F2A;
}

.contribute-notice li:nth-child(2n) {
    background: #202532
}


/*轮盘页面 旧*/


/*.wheel-mid{*/


/*width: 100%;*/


/*height: 650px;*/


/*margin-top: 85px;*/


/*padding-top: 140px;*/


/*position: relative;*/


/*}*/


/*.wheel-num{*/


/*position: absolute;*/


/*width: 120px;*/


/*margin: 0 500px;*/


/*text-align: center;*/


/*font-size: 25px;*/


/*left: 0;*/


/*}*/


/*.wheel-lucky-star{*/


/*width: 100%;*/


/*height: 610px;*/


/*padding:250px 220px 0 244px;*/


/*overflow: hidden;*/


/*}*/


/*.g-lottery-box {*/


/*float: left;*/


/*width: 500px;*/


/*height: 500px;*/


/*position: relative;*/


/*}*/


/*.g-lottery-box .playbtn {*/


/*width: 500px;*/


/*height: 500px;*/


/*position: absolute;*/


/*top: 0px;*/


/*left: 0px;*/


/*}*/


/*.g-lottery-box .playbtn2 {*/


/*width: 500px;*/


/*height: 500px;*/


/*position: absolute;*/


/*top: 0px;*/


/*left: 0px;*/


/*}*/


/*.more-chance{*/


/*width: 455px;*/


/*float: left;*/


/*margin: 72px 133px 0 58px;*/


/*padding: 0px 25px;*/


/*font-size: 14px;*/


/*color: #e6e6e6;*/


/*}*/


/*.more-chance a{*/


/*color: #601615;*/


/*font-size: 16px;*/


/*font-weight: 800;*/


/*line-height: 39px;*/


/*width: 172px;*/


/*height: 39px;*/


/*margin-top: 2px;*/


/*display: inline-block;*/


/*background: #C60503;*/


/*-webkit-border-radius:2px;*/


/*-moz-border-radius:2px;*/


/*border-radius:2px;*/


/*text-align: center;*/


/*color:#fff;*/


/*}*/


/*.my-prize{*/


/*width: 382px;*/


/*float: left;*/


/*margin-right: 36px;*/


/*margin-top: 70px;*/


/*padding: 0 25px;*/


/*font-size: 14px;*/


/*color: #e6e6e6;*/


/*}*/


/*#winning-modal .modal-content{*/


/*!*border: 0;*!*/


/*!*width: 380px;*!*/


/*!*height: 430px;*!*/


/*!*padding-top: 115px;*!*/


/*!*box-shadow: none;*!*/


/*border: 0;*/


/*width: 515px;*/


/*height: 490px;*/


/*padding-top: 238px;*/


/*box-shadow: none;*/


/*}*/


/*#invite-modal .modal-content{*/


/*width: 604px;*/


/*height: 242px;*/


/*border:0px;*/


/*}*/


/*roll页面*/

.list-item2.roll-list li {
    padding: 25px 5px 10px 5px;
    background: #383D51;
    border: 1px solid #383D51;
    position: relative;
}

.list-item2.roll-list li.closed {
    background-color: #272C3B;
    border: 1px solid #272C3B;
}

.list-item2.roll-list li .roll-describe {
    word-break: break-all;
    margin: 0;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.roll-item-box div {
    margin: 10px 3px 0 4px;
    width: 50px;
    height: 38px;
    float: left;
    background: url('../images/roll/stripes.png') -2px -2px no-repeat;
}

.roll-item-box div img {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
}

.roll-list .hoverBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 100px;
    border: 1px solid #F86B00;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    border-radius: 2px;
    display: none;
}

.roll-list li:hover .hoverBox {
    display: block;
}

.roll-list li.closed:hover .hoverBox {
    border: darkgray;
}

.roll-winner-list li {
    background: #1B1F2A;
}

.roll-winner-list li:nth-child(2n) {
    background: #2C3040;
}

.roll-winner-list li img {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    margin-bottom: 5px;
}

.roll-winner-list li .roll-win-box {
    margin-top: 20px;
    display: none;
}

.roll-winner-list li:hover .roll-win-box {
    display: block;
}

.roll-main-head-floor {
    width: 100%;
    height: 190px;
    padding-top: 20px;
    margin-bottom: 20px;
    background-image: url('../images/roll/top-bg2.png');
}

.tab-content .roll-item-prize {
    padding: 20px 10px;
    background: #2C3040;
}

.tab-content .roll-item-prize li {
    position: relative;
    overflow: visible;
    width: 85px;
    height: 57px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.roll-item-prize li.done>img {
    opacity: 0.3;
}

.tab-content .roll-item-prize li:hover img,
.spec li:hover img {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
}

.tab-content .roll-item-prize li:nth-child(8n) {
    margin-right: 0;
}

#content .floor-nav.roll-active-nav {
    padding: 5px 20px;
}

#content .floor-nav.roll-active-nav li {
    border: 1px solid #5982C1;
    height: 30px;
    line-height: 28px;
    border-radius: 15px;
    background: transparent;
    margin-right: 10px;
}

#content .floor-nav.roll-active-nav li a {
    color: #5982C1;
}

#content .floor-nav.roll-active-nav li.active {
    background: #5982C1;
}

#content .floor-nav.roll-active-nav li.active a {
    color: white;
}

.joinMember>div>ul>li,
.joinMember .roll-tab-bg li {
    width: 93px;
    height: 90px;
    border: 0;
    padding: 4px;
    text-align: center;
}

#winnerMenber .roll-tab-bg li:nth-child(2n) {
    background-color: #232734;
    border: 2px solid #232734;
}

.roll-chart-floor {
    width: 100%;
    background: #1B1F2A;
    height: 125px;
    border-bottom: 1px solid #2C3040;
}

.roll-select-item {
    cursor: pointer;
}

.floor-bar2 {
    width: 100%;
    height: 35px;
}

.tab-content .floor-bar2 li {
    background: #141821;
    width: 19.9%;
    height: 100%;
    float: left;
    padding-left: 0;
    border: none;
    text-align: center;
    line-height: 35px;
}

.floor-bar2 li img {
    width: 20%;
    border: 1px solid #FFFEF4;
    margin-right: 5px;
    margin-bottom: 5px;
}

.bott {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #2c3040;
    display: none;
}

.bott span {
    border: 1px solid #141821;
    background: #141821;
    margin-left: 8px;
    padding: 3px;
}

.tab-roll-additems-nav {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.tab-roll-additems-nav li {
    padding: 3px 15px;
    border: 1px solid #2C3040;
    background: transparent;
    float: left;
    border-radius: 15px;
    margin-right: 10px;
}

.tab-roll-additems-nav li.active {
    background: #2C3040;
}

#roll-join-active-modal input {
    height: 30px;
    border: 1px solid #696f87 !important;
    background-color: #475063;
    box-shadow: none !important;
}

.closed-img,
locked-img {
    display: none;
}

.closed .closed-img {
    display: block;
}

.roll-locked .locked-img {
    display: block;
}


/*游戏商城页面*/

.game-io img {
    margin-left: 85px;
}

.game-io p {
    font-size: 16px;
}

#game-banner-swiper .swiper-slide {
    position: relative;
}

#game-banner-swiper .swiper-slide a {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 98;
}

#game-banner-swiper .swiper-slide-active a {
    z-index: 99;
    cursor: pointer;
}

.game-sale-approve {
    padding: 20px;
    background-color: #1B1F2A;
}

.popover-c5game {
    position: absolute;
    left: 50%;
    top: 100%;
    display: none;
}

tr:hover .popover-c5game {
    display: block;
}

.game-shop-swiper .swiper-slide a:hover img {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
}

.game-sale-describe {
    max-height: 36px;
    overflow: hidden;
}

.discount-tag {
    display: inline-block;
    width: 45px;
    height: 16px;
    background-image: url('../images/game/discount-tag.png');
}

.game-sale-describe:hover {
    max-height: none;
}

.game-shop-swiper .swiper-wrapper {
    padding: 20px;
}

.game-shop-swiper .swiper-wrapper a {
    display: inline-block;
    width: 349px;
    height: 238px;
    border: 1px solid #1B1F2A;
    margin-right: 10px;
    position: relative;
}

.game-shop-swiper .swiper-slide a:hover {
    border: 1px solid #e4b35a;
    display: inline-block;
}

.tab-content .game-shop-list li {
    width: 375px;
    height: 225px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    padding: 5px;
    border: 0;
    background: #2C3040;
}

.game-shop-list li:nth-child(2n+1) {
    margin-right: 20px;
}

.game-shop-list li .entrance-box {
    width: 375px;
    height: 225px;
    border: 2px solid #F86B00;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10;
    text-align: center;
    display: none;
    padding-top: 100px;
}

.game-shop-list li:hover .entrance-box {
    display: block;
}

#content .game-shop-list li .entrance-box a {
    font-size: 16px;
    padding: 5px 30px;
    height: 40px;
}

.sale-game-table th,
.sale-game-table td {
    text-align: center !important;
}

.game-discount-tag {
    background: #DF6A11;
    padding: 5px 10px;
    position: absolute;
    left: 0px;
    top: 15px;
}

.roll-tab-bg {
    background: #2C3040;
}

.game-select-list li {
    padding: 4px 10px;
    background: #2C3040;
    display: inline-block;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    ;
}

.game-select-list li a {
    color: #afb0b2;
}

.game-select-list li:hover {
    background: #E4B35A;
}

.game-select-list li:hover a {
    color: #fff;
}

.game-select-list li.active {
    background: #E4B35A;
}

.game-select-list li.active a {
    color: #fff
}

.game-evaluating-page-list li {
    border: 2px solid transparent;
    padding: 8px;
    overflow: hidden;
    background-color: #1B1F2A;
}

.game-evaluating-page-list li a {
    position: relative;
    display: inline-block;
}

.game-evaluating-page-list li:nth-child(2n),
.game-evaluating-page-list li:hover {
    background-color: #212633;
}

.game-evaluating-page-list li a>span {
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    line-height: 20px;
    background-color: rgba(0, 0, 0, 0.9);
    text-align: center;
}

.game-manage-table {
    width: 700px;
}

.game-manage-table li {
    width: 100%;
}

.game-manage-table li div:first-child {
    padding: 0 5px;
}

.game-manage-table li div {
    float: left;
    background-color: #454C5E;
    text-align: center;
    padding: 10px 5px;
    height: 40px;
    border: 1px solid #646A81;
    border-top: 0;
    overflow: hidden;
}

.game-manage-table .game-manage-table-top div {
    border-top: 1px solid #646A81;
    background-color: #404B5B;
    height: 30px;
    padding: 5px;
}

.game-manage-table .game-manage-table-top div:first-child {
    padding-top: 5px;
}

.game-manage-table li div:nth-child(1) {
    width: 60%;
    border-right: 0;
}

.game-manage-table li div:nth-child(2) {
    width: 22%;
    border-right: 0;
}

.game-manage-table li div:nth-child(3) {
    width: 18%;
}

.sale-game-info {
    width: 650px;
    margin-left: 20px;
    min-height: 250px;
}

.game-tags {
    display: block;
}

.game-tags li {
    padding: 4px 10px;
    background: #2C3040;
    display: inline-block;
    float: left;
    margin-right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.game-sold-nums,
.game-like-nums {
    height: 30px;
    line-height: 31px;
    background-repeat: no-repeat;
    background-position: 0 5px;
    float: left;
    padding-left: 20px;
    margin-right: 20px;
    padding-right: 20px;
}

.purchase_steam {
    float: right;
}

.text_orange {
    color: #f86b00;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.radio_purchase {
    vertical-align: text-top;
}

.radio_text {
    padding-right: 5px;
    padding-left: 5px;
}

.game-sold-nums {
    border-right: 1px solid #2C3040;
    background-image: url('../images/game/sold.png');
}

.game-like-nums {
    background-image: url('../images/game/hot.png');
    background-position: 0px 8px;
}

.game-related-list li {
    border: 2px solid transparent;
    padding: 8px;
    background-color: #232836;
}

.game-related-list li:nth-child(2n) {
    background-color: #141821;
}

.game-related-list li:hover {
    background-color: #32394C;
    border: 2px solid #3C435D;
}

.game-country-select label {
    margin: 0 0 0 5px;
}

.game-country-select input {
    position: relative;
    top: 2px;
}

#content .sale-game-table td {
    padding: 5px;
}

.cue {
    width: 18px;
    height: 18px;
    background: #B00303;
    border-radius: 9px;
    color: #FFFFFF;
    position: absolute;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
}

.ensu {
    position: absolute;
    left: 240px;
    top: 330px;
    width: 130px;
    height: 35px;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    color: #5B0403;
}

.ren {
    position: absolute;
    left: 280px;
    top: 180px;
    font-weight: 500;
    color: #FFFFFF;
}

.rmb {
    border: none;
    background-color: transparent;
    position: relative;
}

.navi {
    position: absolute;
    top: 2px;
    left: 43px;
    color: #FFFFFF;
}

.payf {
    font-size: 12px;
    color: #FFFFFF;
    width: 120px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: -25px;
}

.payl {
    width: 100%;
    height: 0.5px;
    border-bottom: 1px dashed #3E3C3C;
    margin-top: 10px;
}

.paya {
    margin-top: 10px;
    font-size: 13px;
    color: #686A6F;
    font-weight: bolder;
}

.payb {
    font-size: 16px;
    color: #B8B7B9;
    font-weight: 500;
}

.payd {
    font-size: 24px;
    color: #E8BA5B;
    margin-top: 10px;
}

.paycode {
    border: 1px solid #696B76;
    width: 190px;
    height: 190px;
    display: inline-block;
}

.paye {
    background: rgba(27, 31, 42, 0.8);
    text-align: center;
    height: 60px;
    width: 100%;
    line-height: 60px;
    border-bottom: 1px solid #8C723E;
}

.paybtn {
    width: 190px;
    height: 50px;
    line-height: 80px;
    background: #3B5676;
    border-radius: 2px;
    margin-left: 55px;
    margin-top: 10px;
    position: relative;
}

.account-credits {
    background: #232836;
    width: 772px;
    height: 260px;
    margin: 20px;
    position: relative;
    text-align: center;
}

.accessory {
    width: 100%;
    min-height: 80px;
    list-style: none;
    display: inline-block;
}

.accessory li {
    float: left;
    width: 108px;
    height: 80px;
    border: 2px solid #C89E54;
    margin-left: 16px;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}

.accessory li:first-child {
    margin-left: 20px;
}

.tl {
    position: absolute;
    top: -1px;
    left: -1px;
    cursor: pointer;
    display: none;
}

.change-col {
    width: 100%;
    min-height: 135px;
    list-style: none;
    padding: 10px 0 0 10px;
    display: inline-block;
}

.change-col li {
    width: 142px;
    margin-right: 10px;
    padding: 5px;
    float: left;
    background-color: #2C3040;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}

.change-col li .rarity-box {
    position: absolute;
    left: 5px;
    top: 10px;
    padding: 0 5px;
}

.change-col li .ft-wear3 {
    position: absolute;
    width: 130px;
    top: 81px;
    left: 6px;
    padding: 0 2px;
    background-color: rgba(0, 0, 0, 0.5);
}

.change-col li .pic {
    width: 130px;
    height: 95px;
    border: 1px solid #B6B6B6;
    position: relative;
    text-align: center;
}

.counts-exchange-btn {
    padding: 3px 10px;
    border-radius: 4px;
    border: 1px solid #e46409;
    color: #e46409;
}

.counts-exchange-btn:hover {
    background: #e46409;
    color: #fff;
}

.bank select {
    width: 150px;
    height: 30px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: 1px solid #384050;
    position: relative;
    margin-left: -10px;
    z-index: 2;
    padding-left: 5px;
}

.bank .down-icon {
    width: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #384050;
    left: -24px;
    z-index: 1;
    margin-right: 10px;
}

.bank-card {
    width: 300px;
    height: 30px;
    border: 1px solid #384050;
    background: transparent;
    margin-left: -30px;
    padding: 5px;
}

.floor-core {
    text-align: center;
    background: #252937;
    margin-top: -10px;
}

.cana:hover {
    color: #FFFFFF;
    background: #999999;
}

#content .floor-nav .only.active {
    background: #232836;
}


/* css3 让一个图片不断翻转示例代码 */

.item-flip {
    z-index: 9;
    background-size: cover;
    /* 随便设置宽高值，测试 */
    width: 200px;
    height: 200px;
    /* 设置默认样式，开启3d硬件加速 */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation: flipPlay 1.5s linear infinite;
    -moz-animation: flipPlay 1.5s linear infinite;
    animation: flipPlay 1.5s linear infinite;
}

@keyframes flipPlay {
    0% {
        transform: rotateY(0deg) scale(1);
    }
    50% {
        transform: rotateY(360deg) scale(1.2);
    }
    100% {
        transform: rotateY(720deg) scale(1);
    }
}


/*宝石信息筛选*/

#content .floor-nav.item-gem-select-nav li {
    width: 20%;
    border: 0
}

#content .floor-nav.item-gem-select-nav li.active {
    background-color: #222836;
}

#content .floor-nav.item-gem-select-nav li img {
    width: 30px;
    margin-right: 5px;
    border: 1px solid silver;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
}

#content .floor-nav.item-gem-select-nav li a span {
    top: 2px;
    position: relative;
}

.tab-content.item-ore-select-box .tab-pane.active {
    background-color: #222836;
}

.tab-content .gem-select-list {
    padding: 10px 20px;
    background-color: #222836;
}

.tab-content .gem-select-list li {
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 2px 5px;
    border-radius: 4px;
    color: #ccc;
}

.tab-content .gem-select-list li.active a {
    color: #e4b35a;
}


/*宝石信息筛选*/


/*自动匹配检索下拉框样式*/

.ui-autocomplete li.ui-menu-item {
    line-height: 30px;
    background-color: #2C3040;
    color: #B2B2B2;
    overflow: hidden;
    text-indent: 10px;
    white-space: nowrap;
}

.ui-autocomplete li:hover {
    background-color: #4C567E;
    color: #eee
}


/*自动匹配检索下拉框样式*/


/*侧边广告*/

.close-ad {
    display: inline-table;
    padding: 2px;
    position: absolute;
    white-space: nowrap;
    right: 0;
    bottom: 0;
}

.right-ad {
    max-width: 160px;
    display: inline-block;
    position: fixed;
    right: 0px;
    top: 105px;
    z-index: 1;
}

.right-ad .close-ad {
    position: absolute;
    right: 0px;
    top: 0px;
}

.left-ad {
    max-width: 160px;
    display: inline-block;
    position: fixed;
    left: 0px;
    top: 105px;
    z-index: 1;
}

.left-ad .close-ad {
    position: absolute;
    left: 0px;
    top: 0px;
}


/*小牛跳跳*/

.cow-user-floor {
    width: 100%;
    height: 331px;
    padding: 32px 10px 10px 683px;
}

.cow-play {
    width: 190px;
    height: 62px;
    position: absolute;
    left: 458px;
    top: 235px;
    background-image: url('../images/playground/cow/btn1.png');
}

.cow-play:hover {
    background-image: url('../images/playground/cow/btn2.png');
}

.cow-user-form {
    padding-top: 90px;
    width: 289px;
    height: 260px;
    background-image: url('../images/playground/cow/btngroup.png');
}

.cow-user-form-lged {
    width: 289px;
    height: 260px;
    padding: 20px;
}

.cow-user-form a {
    display: block;
    width: 175px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    margin: 0 54px;
    text-align: center;
    color: #fff;
}

.cow-buy-counts {
    color: #fff;
    width: 95px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    top: 0;
    right: 0;
    position: absolute;
    background-color: #FCAE0A;
    text-decoration: none !important;
}

.cow-buy-counts:hover {
    background-color: #C08512;
    color: #fff;
}

.cow-record {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #AA351A;
}

.cow-record-box span:nth-child(1) {
    width: 34%;
    display: inline-block;
}

.cow-record-box span:nth-child(2) {
    width: 28%;
    display: inline-block;
}

.cow-record-box span:nth-child(3) {
    width: 34%;
    display: inline-block;
}

.cow-prize-floor {
    width: 100%;
    height: 514px;
    padding: 124px 0 0 145px;
}

.cow-prize-box {
    width: 389px;
    height: 348px;
    float: left;
    position: relative;
}

.cow-prize-box .first-prize {
    position: absolute;
    padding: 9px;
    left: 111px;
    top: 20px;
}

.cow-prize-box .second-prize {
    position: absolute;
    padding: 9px;
    left: 18px;
    top: 183px;
}

.cow-prize-box .third-prize {
    position: absolute;
    padding: 9px;
    left: 200px;
    top: 183px;
}

.cow-ranking-box {
    width: 397px;
    height: 350px;
    float: left;
    margin-left: 47px;
}

.cow-ranking-list {
    padding: 48px 0 0 45px;
}

.cow-ranking-list li {
    margin-bottom: 16px;
}

.cow-record-num {
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    margin-right: 5px;
    font-size: 16px;
}

.cow-recoed-floor {
    width: 100%;
    height: 680px;
    float: left;
    padding-left: 112px;
    padding-top: 128px;
}

.cow-history {
    width: 422px;
    height: 477px;
    padding-top: 50px;
    float: left;
}

.cow-history li {
    margin-bottom: 16px;
    padding: 0 10px;
}

.cow-prize-history {
    position: relative;
    float: left;
}

.cow-prize-history .first-prize {
    position: absolute;
    padding: 9px;
    left: 161px;
    top: 34px;
}

.cow-prize-history .second-prize {
    position: absolute;
    padding: 9px;
    left: 68px;
    top: 252px;
}

.cow-prize-history .third-prize {
    position: absolute;
    padding: 9px;
    left: 250px;
    top: 252px;
}

.cow-introduce {
    width: 330px;
    position: absolute;
    left: 360px;
    top: 150px;
}


/*暗拍*/

.slider.slider-horizontal .slider-handle {
    background: url('../images/slider-pointer.png') no-repeat;
    border-radius: 0;
    width: 8px;
    margin-left: -4px;
}

.sale-item-table.auction-sale-history tr:nth-child(4n+3) {
    background-color: #1f2431;
}

.sale-item-table.auction-sale-history tr:nth-child(4n+3):hover {
    background-color: #32394C;
}

.auction-remain.cloudbuy-remain b {
    background: url('../images/playground/auction/nums-bg.png') 0 -5px no-repeat;
}

.tab-content .auction-num-box,
.auction-num-box {
    border-top: 1px solid #353C4B;
}

.tab-content .auction-num-box li,
.auction-num-box li {
    border: 0;
    float: left;
    width: 10%;
    line-height: 30px;
    border-right: 1px solid #353C4B;
    border-bottom: 1px solid #353C4B;
}

.tab-content .auction-num-box li div:first-child,
.auction-num-box li div:first-child {
    border-bottom: 1px solid #353C4B;
}

.tab-content .auction-num-box li div:last-child,
.auction-num-box li div:last-child {
    background-color: #141821;
}

.range {
    width: 450px;
    height: 50px;
    background: #2D3140;
    line-height: 50px;
}

.sale-item-sell {
    float: left;
    line-height: 1.4;
    width: 435px;
}

.canc img {
    margin: auto;
}

.notes {
    width: 100%;
    height: auto;
    list-style: none;
}

.notes li {
    width: 50%;
    height: 15px;
    float: left;
    text-align: left;
    margin-top: 5px;
    font-size: 12px;
}

.trend ul {
    width: 100%;
    min-height: 300px;
    list-style: none;
    padding: 0 20px 20px;
}

.trend ul li {
    height: 20px;
    margin-top: 18px;
}

.trend-line {
    width: 180px;
    height: 12px;
    border-bottom: 1px dashed #626367;
    display: inline-block;
    margin-bottom: 4px;
    position: relative;
}

.move {
    width: 35px;
    height: 30px;
    position: absolute;
}

.round {
    width: 16px;
    height: 16px;
    display: inline-block;
    font-size: 20px;
    color: #EC6941;
    line-height: 16px;
    text-align: center;
    margin-top: -40px;
    margin-left: 10px;
}

#winer {
    width: 100%;
    /*min-height: 520px;*/
}

#winer ul {
    width: 100%;
    height: 520px;
    list-style: none;
    padding: 0 20px;
}

#winer ul li {
    width: 31.5%;
    height: 140px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
}

#winer ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.ttt {
    background: #3E4666;
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.winer-item {
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 70px;
    top: 40px;
}

#winer ul li:hover img {
    transform: scale(1);
}

.span2 {
    position: absolute;
}

.slider.slider-horizontal {
    margin-left: 5px;
}

.topuser {
    height: 310px;
    width: 280px;
    float: right;
    margin-top: 25px;
    background-color: rgba(30, 38, 50, 0.7)
}

.user-cnt {
    height: 120px;
    margin: 0 10px;
    border-bottom: 1px solid #3D4046;
}

.recor {
    width: 100%;
    height: 25px;
    line-height: 25px;
}

.points {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recor:hover {
    background: #292E3D;
}

#history-list .newside li:hover img {
    transform: scale(1);
}

.num-span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: red;
    border-radius: 10px;
    color: white;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    margin-top: 15px;
    margin-left: -10px;
    margin-right: 8px;
}

.floor-p {
    background: #1B1F2A;
    padding: 10px 20px;
    position: relative;
}

.winprice {
    width: 130px;
    height: 30px;
    background: #E46409;
    position: absolute;
    text-align: center;
    border-radius: 18px 0 0 18px;
    line-height: 30px;
    color: #FFFFFF;
    right: 0;
}

.winspan {
    width: 50px;
    height: 25px;
    border: 1px solid #E46409;
    color: #E46409;
    text-align: center;
    line-height: 23px;
    left: 0;
    right: 0;
    margin: auto;
}

.mytd span:nth-of-type(n+1) {
    margin-left: 10px;
}

.my-ul {
    width: 100%;
    height: 40px;
    list-style: none;
}

.slider-track-low {
    background-color: #8BFF1E;
}

.mydiv {
    width: 200px;
    height: 90px;
    text-align: center;
    line-height: 100px;
    margin-top: 10px;
}

.sale-discount-tag {
    max-width: 65px;
    height: 20px;
    text-align: center;
    border-radius: 5px;
    margin-top: 5px;
}

.sale-discount-tag.decrease {
    border: 1px solid #489A1D;
    color: #489A1D;
}

.sale-discount-tag.increase {
    border: 1px solid #972B2E;
    color: #972B2E;
}

[role=presentation]>a {
    padding: 5px 0px;
}


/*银联支付*/

.union-input-form {
    padding-left: 40px;
}

.union-input-form div {
    margin-bottom: 10px;
}

.union-input-form .card-label {
    width: 100px;
    text-align: right;
}

.union-input-form div input[type=text] {
    height: 30px;
    width: 206px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    background: #475063;
    border: 1px solid #667485;
}

.union-input-form div input[type=radio] {
    position: relative;
    top: 2px;
    cursor: pointer;
}


/*充值卡推广*/


/*充值卡推广*/

.valuecard-chart-floor {
    height: 250px;
    background-color: #232836;
}

.c5table-list {
    width: 100%;
}

.c5table-list tr th {
    background-color: #1B1F2A;
    padding-left: 22px;
    line-height: 40px;
}

.c5table-list tr {
    background-color: #232836;
}

.c5table-list tr:nth-child(2n+1) {
    background-color: #141821;
}

.c5table-list tr td {
    padding-left: 22px;
}

.pd_left-20 {
    padding: 10px 10px 10px 20px !important;
}

.value-exchange-modal-left {
    width: 400px;
    height: 225px;
    border-right: 1px solid #6B7189;
    float: left;
}

.value-card-exchange-form div {
    line-height: 30px;
}

.value-card-exchange-form div:nth-child(2n+1) {
    margin-right: 30px;
}

.value-card-exchange-form div span {
    width: 90px;
    height: 30px;
    display: inline-block;
    background-color: #282E3E;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    float: left;
}

.value-card-exchange-form div input {
    width: 90px;
    height: 30px;
    display: inline-block;
    background-color: #282E3E;
    text-align: center;
    font-size: 16px;
    float: left;
    border: 0;
    margin-left: 20px;
    margin-right: 10px;
}

.value-card-fee-table {
    width: 100%;
}

.value-card-fee-table th {
    border: 1px solid #696F87;
    text-align: center;
    background-color: #282E3E;
    padding: 5px 10px;
}

.value-card-fee-table td {
    border: 1px solid #696F87;
    text-align: center;
    padding: 5px 10px;
}

.value-exchange-modal-right {
    float: left;
    width: 240px;
    height: 225px;
    padding: 25px 0 0 25px;
}

.valuecard-cash {
    background-color: #252A39;
    padding: 20px 200px 20px 150px;
}

.popover.top>.arrow:after {
    border-top-color: #282E3E !important;
}

.valuecard-cash form div span {
    line-height: 35px;
    text-align: right;
    width: 130px;
}

.valuecard-cash form div input {
    height: 35px;
    border: 1px solid #414964;
    background-color: transparent;
    width: 220px;
    padding-left: 10px;
    margin-left: 10px;
}

.valuecard-cash form div img {
    height: 35px;
}

.modal-connect-msg {
    width: 300px;
    background-color: #424B5E;
    padding: 10px;
    margin-top: 10px;
}

.cards_div {
    width: 375px;
    height: 31px;
}

.cards_div li {
    margin-right: 20px;
}

.cards_head {
    display: block;
    float: left;
    width: 90px;
    line-height: 30px;
    text-align: center
    /*padding-right: 50px;*/
}


/* 出售版本更新*/

.tab-content .tab-content-sale-list {
    line-height: 64px;
    float: none;
    padding-left: 0;
    padding-bottom: 0;
}

.tab-content-sale-list .list-view {
    /*max-height: 650px;*/
    /*overflow-y: auto;*/
}

.tab-content .tab-content-sale-list .info {
    line-height: 16px;
    margin-top: 5px;
}

.tab-content .tab-content-sale-list .info .item-name {}

.tab-content .tab-content-sale-list .info .item-gem {
    margin-top: 10px;
}

.tab-content .tab-content-sale-list li {
    float: none;
    border: none;
    text-align: left;
    height: 64px;
}

.tab-content .tab-content-sale-list li:hover {}

.tab-content .tab-content-sale-list li .change-price {}

.tab-content .tab-content-sale-list img.pull-left {
    display: block;
    margin-right: 5px;
    margin-top: 5px;
}

.tab-content .tab-content-sale-list li:nth-child(2n) {
    background-color: #141821;
}

.tab-content .tab-content-sale-list li:nth-child(2n+1) {
    background-color: #232633;
}

.tab-content .tab-content-sale-list li:hover {
    background-color: #323542;
}

.tab-content .tab-content-sale-list li.list-title {
    background-repeat: no-repeat;
    background-color: #1B1F2A;
    line-height: 48px;
    height: 50px;
    text-align: center;
}

.floor-nav-bar-new {
    position: relative;
    right: 0;
    text-align: right;
    bottom: 0;
    height: 38px;
    line-height: 35px;
}

.checkboxFour {
    position: relative;
}

.checkboxFour label {
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    border: 1px solid #6B7A8B;
    background: #232836;
    margin-top: 20px;
    margin-left: 30px;
}

.checkboxFour input.ck-four[type=checkbox]:checked+label {
    background: url(../images/user/checked.png) no-repeat center;
    background-size: 16px 16px;
}

.more-btn-group {
    width: 70px;
    height: 35px;
    overflow: hidden;
    z-index: 999;
    position: relative;
}

.more-btn-group:hover {
    overflow: visible;
    height: 300px;
    ;
}

.list-item4.user-inventory li.sell-li {
    cursor: pointer;
    width: 141px;
}

.list-item4.user-inventory li.csgo-item {
    height: 132px;
}

.list-item4.user-inventory li.csgo-item .selected {
    height: 105px;
}

.list-item4.user-inventory li div .item-gem {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0 2px;
}

.list-item4.user-inventory li div .item-gem .gem-box {
    width: 24px;
    height: 17px;
}

.list-item4.user-inventory li .hoverBox {
    position: absolute;
    display: none;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    padding: 2px 5px;
}

.list-item4.user-inventory li:hover .hoverBox {
    display: block;
}

.list-item4.user-inventory li:hover .item-gem,
.list-item4.user-inventory li:hover .csgo-wear-box {
    display: none;
}

.list-item4.user-inventory li .selected {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 91px;
}

.list-item4.user-inventory li.sell-select .selected {
    display: block;
}

.list-item4.user-inventory li.sell-select .hoverBox,
.list-item4.user-inventory li.sell-select .item-gem {
    display: none;
}

.list-item4.user-inventory li.csgo {
    width: 141px;
}

.list-item4.user-inventory li.csgo .img {
    width: 100%;
    height: 90px;
}


/*求购版本更新*/

.sale-item-table.purchase-select-table tr {
    background-color: #3E4657;
}

.sale-item-table.purchase-select-table tr:nth-child(2n+1) {
    background-color: #333A47;
}

.sale-item-table.purchase-select-table tr th {
    background-color: #2C3040
}

.sale-item-table.purchase-select-table tr:hover {
    background-color: #475063;
}

.sale-record-group.sale-item-table tr {
    background-color: #141821;
}

.sale-record-group.sale-item-table tr:nth-child(2n+1) {
    background-color: #232836;
}

.sale-record-group.sale-item-table tr:hover {
    background-color: #32394C;
}

#code-form input {
    padding: 0 10px;
    height: 27px;
}


/*闪拍-新*/

.lk-number-pool {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-top: 5px;
    padding-left: 5px;
    width: 100%;
    overflow: auto;
    background-color: #232836
}

.lk-number-pool-content {
    height: 130px;
    background-color: #232836;
    overflow: auto;
}

.lk-number-pool .price-one-box {
    width: 54px;
    height: 20px;
    border: 1px solid #667485;
    margin-left: 5px;
    margin-bottom: 5px;
    color: #637181;
    line-height: 17px;
    overflow: hidden;
    text-align: center;
}

.lk-number-pool .price-one-box:hover,
.lk-number-pool .unauto-lk:hover {
    background-color: #e4b35a;
    border-color: #e4b35a;
    color: #fff;
    cursor: pointer;
}

.lk-number-pool .unauto-lk {
    border: 1px solid #E1640A;
    width: 54px;
    height: 20px;
    margin-left: 5px;
    margin-bottom: 5px;
    color: #637181;
    line-height: 17px;
    text-align: center;
}

.lk-per-price {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 5px 0px;
}

.lk-per-price .per-one-box {
    width: 58px;
    height: 25px;
    background-color: #2C3040;
    margin-bottom: 5px;
    margin-left: 4px;
    text-align: center;
    line-height: 24px;
    border: 1px solid #2C3040
}

.lk-per-price .active {
    border: 1px solid #E1640A;
    color: #E1640A;
}

.lk-per-price .per-one-box:nth-child(4n+1) {
    width: 58px;
    height: 25px;
    background-color: #2C3040;
    margin-bottom: 10px;
    margin-left: 0px;
}


/*手续费进度条*/

.counter-fee-progress {
    width: 480px;
    height: 10px;
    background-color: #2F3344;
    border-radius: 5px;
    position: relative;
}

.counter-fee-progress-bar {
    height: 10px;
    background-color: #3D4566;
    border-radius: 5px;
    position: absolute;
}

.prize-show-area {
    min-height: 30px;
}

.auction-associated,
.playground-associated {
    padding: 4px 15px;
    background-color: #282E3E;
    color: #d8d8d8;
    border-radius: 2px;
}

.auction-associated:hover,
.playground-associated:hover {
    background-color: #4E576C;
    color: #E2B25A;
}


/*.btn-group .auction-random-active {*/


/*background-color: #E46409;     */


/*color: #fff;*/


/*border: 1px solid #E46409; */


/*}*/


/*游戏商家申请*/

.p_title {
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    font-size: 18px;
    background-color: #2C3040;
    font-weight: 700;
}

.drop_case {
    display: block;
    width: 28px;
    height: 27px;
    background: #5c6780;
    float: left;
    position: absolute;
    z-index: 50;
    margin-top: -28px;
    margin-left: 88px;
}

.arrow_b {
    margin-left: 10px;
    color: #272c3b;
}

.rec_center {
    padding: 25px 20px;
}

.rec_center_case {
    width: 233px;
    height: 403px;
    border-radius: 3px;
    position: relative;
    background-color: #2C3040;
    background-repeat: no-repeat;
    padding-top: 91px;
    display: inline-block;
    text-align: left;
    float: left;
}
 
.rec_center_case:nth-child(2) {
    background-image: url('../images/user/approve1.png');
    background-size: 100%;
}

.rec_center_case:nth-child(1) {
    background-image: url('../images/user/approve-coin.png');
    margin-right: 20px;
    margin-left: 121px;
    background-size: 100%;
}

/* .rec_center_case:nth-child(3) {
    background-image: url('../images/user/approve3.png');
} */

.sellers_title {
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.rec_center_case ul {
    padding-left: 20px;
    padding-right: 10px;
    list-style-type: disc;
}

.rec_center_case ul li {
    padding-top: 10px;
}

.rec_center_case .rec_btn {
    position: absolute;
    left: 73px;
    bottom: 20px;
}

.rec_center_case .handin_margin {
    margin-top: 10px;
    padding-left: 10px;
}


/*占坑页面代码*/

.count-down-board b {
    background: url('../images/playground/auction/nums-bg.png') 0 -5px no-repeat;
    margin-right: 4px;
    padding: 7px 5px;
    border-radius: 4px;
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
}

.seat-top-list li {
    float: left;
    width: 20%;
    text-align: center;
    padding-top: 10px;
}

.seat-top-list li span {
    padding: 2px 10px;
    background-color: #2C3040;
    border-radius: 4px;
    display: inline-block;
    margin-top: 5px
}

.seat-top-list li:nth-child(1) .head-circle {
    margin-left: 42px;
    width: 58px;
    height: 58px;
    background: url('../images/lucky-first.png') center center no-repeat;
    background-size: 100%;
    padding-top: 4px;
}

.seat-top-list li .head-circle {
    margin-left: 42px;
    width: 58px;
    height: 58px;
    padding-top: 4px;
}

.hole-fixed {
    position: fixed;
    top: 105px;
    z-index: 10;
    width: 810px;
}

.right-fixed {
    position: fixed;
    top: 85px;
    z-index: 10;
    width: 290px;
}

.hole-list {
    background-color: #2C3040;
    padding: 20px 0 0 30px;
}

.hole-list li {
    position: relative;
    width: 36px;
    height: 36px;
    border: 1px solid #9c9397;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    margin-right: 25px;
    margin-bottom: 20px;
    float: left;
    color: #fff;
    /*background-color: rgba(243,106,2,0.5);*/
    cursor: pointer;
}

.hole-list li img {
    position: absolute;
    left: -1px;
    top: -1px;
}

.hole-list li .hoverBox {
    opacity: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    /* Firefox 4 */
    -webkit-transition: opacity 0.3s;
    /* Safari and Chrome */
    -o-transition: opacity 0.3s;
    /* Opera */
}

.hole-list li:hover .hoverBox {
    opacity: 1;
    background-color: rgba(248, 107, 0, 0.3);
}

.hole-list li .selected-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    display: none;
}

.hole-list li.active .selected-img {
    display: block;
}

.hole-notes {
    width: 100%;
    height: auto;
    max-height: 125px;
    overflow-y: auto;
    list-style: none;
}

.hole-notes li {
    width: 44px;
    height: 15px;
    height: 20px;
    float: left;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 3px;
    color: #ccc;
    background-color: #2C3040;
    border-radius: 2px;
    font-size: 12px;
}

.hole-notes li:nth-child(5n) {
    margin-right: 0;
}

.hole-quick-buy-btn {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #F86B00;
    font-size: 16px;
}

.winner-hole-list li {
    position: relative;
    width: 52px;
    height: 52px;
    border: 1px solid #F36A02;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-left: 15px;
    float: left;
    color: #F36A02;
    cursor: pointer;
}

.winner-hole-list li:nth-child(7) {
    background-color: #F36A02;
    color: #fff;
}

.winnerhole {
    position: relative;
    width: 52px;
    height: 52px;
    border: 1px solid #e4b35a;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    float: left;
    color: #fff;
    background-color: #e4b35a;
    cursor: pointer;
}

.modal-seat-winner {
    padding-top: 121px;
    height: 500px;
    background: url('../images/playground/seat/winneralert.png') -51px 10px;
}

.seated .head-mask {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(230, 219, 219, 0.5);
}

.seated:hover .head-mask,
.seated.mine .head-mask {
    background-color: rgba(0, 0, 0, 0);
}

.seller_table td {
    border: 1px solid #535D8A;
}

.seller_table {
    border: 1px solid #535D8A;
    margin-bottom: 15px;
}


/*h1z1*/

.invertory-game-nav {
    max-height: 30px;
    overflow: hidden;
    line-height: 27px;
}

.invertory-game-nav.active {
    max-height: none;
}

.tab-content .invertory-game-nav li {
    background-color: transparent;
    border: none;
    min-width: 105px;
    border-right: 1px solid #2c3040;
    margin-right: 10px;
    margin-bottom: 10px;
}

.tab-content .invertory-game-nav li a {
    padding: 5px;
    border-radius: 5px;
}

.tab-content .invertory-game-nav li.active a {
    background-color: #2C354E;
    color: #e4b35a;
}


/*其他游戏饰品商城*/

.market-game-list {
    background-color: #1B1F2A;
}

.market-game-list a {
    height: 45px;
    line-height: 45px;
    width: 50%;
    display: inline-block;
    padding-left: 20px;
    float: left;
}

.market-game-list a {
    border-bottom: 1px solid #141821;
}

.market-game-list a:nth-child(2n+1) {
    border-right: 1px solid #141821;
}

.market-game-list a.active,
.market-game-list a:hover {
    background-color: #282E3E;
}

.game-market-goods-type {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
}

.kotk-lock-box {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.item:hover .kotk-lock-box .locked-icon {
    display: none;
}


/*帮助改版*/

.help-main {
    background-color: #141821;
    padding: 20px;
}

.help-main .help-left-nav {
    width: 250px;
    float: left;
}

.help-left-nav .panel-primary {
    border-color: #31384D;
    border-radius: 0;
}

.help-left-nav .panel-primary>.panel-heading {
    background-color: #212633;
    cursor: pointer;
}

.help-left-nav .panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 0;
}

.help-left-nav .list-group-item {
    background-color: #141821;
    border: 0;
}

.help-left-nav .list-group-item a {
    display: inline-block;
    width: 100%;
}

.help-left-nav .list-group-item:hover {
    background-color: #343f56;
}

.help-left-nav .list-group-item.active a {
    color: #e4b35a;
}

.help-arrow-up,
.help-arrow-down {
    display: none;
}

.up .help-arrow-up,
.down .help-arrow-down {
    display: inline-block;
}

.help-right-main {
    float: left;
    width: 810px;
    margin-left: 20px;
    padding: 0 20px;
}

.help-right-main h4 {
    margin-top: 0;
}

.help-right-main h4 p {
    padding-bottom: 10px;
    border-bottom: 1px solid #31374C
}


/*帮助中心*/

.help-left-nav {
    width: 260px;
    height: 800px;
    margin-left: 10px;
    border: 2px solid #333B4F;
    background-color: #1E232E;
}

.nav-title {
    background: url("../images/help/heip-nav-bg.png") no-repeat;
    padding: 15px 0;
    height: 70px;
    width: 270px;
    margin-left: -14px;
}

.help-nav-list {
    padding: 10px 30px;
    display: block;
}

.help-nav-list li a {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 59px;
    padding-left: 45px;
    border-bottom: 1px dashed #333B4F;
    background-image: url('../images/help/icon.png');
    background-repeat: no-repeat;
    font-size: 15px;
}

.help-nav-list li a {
    background-position: 0px -287px;
}

.help-nav-list li:hover a,
.help-nav-list li.active a {
    background-position: -206px -287px;
    color: #e4b35a;
}

.help-nav-list li:nth-child(1) a {
    background-position: 0px 13px;
}

.help-nav-list li:nth-child(1):hover a,
.help-nav-list li:nth-child(1).active a {
    background-position: -206px 13px;
    color: #e4b35a;
}

.help-nav-list li:nth-child(2) a {
    background-position: 0px -47px;
}

.help-nav-list li:nth-child(2):hover a,
.help-nav-list li:nth-child(2).active a {
    background-position: -206px -47px;
    color: #e4b35a;
}

.help-nav-list li:nth-child(3) a {
    background-position: 0px -107px;
}

.help-nav-list li:nth-child(3):hover a,
.help-nav-list li:nth-child(3).active a {
    background-position: -206px -107px;
    color: #e4b35a;
}

.help-nav-list li:nth-child(4) a {
    background-position: 0px -167px;
}

.help-nav-list li:nth-child(4):hover a,
.help-nav-list li:nth-child(4).active a {
    background-position: -206px -167px;
    color: #e4b35a;
}

.help-nav-list li:nth-child(5) a {
    background-position: 0px -227px;
}

.help-nav-list li:nth-child(5):hover a,
.help-nav-list li:nth-child(5).active a {
    background-position: -206px -227px;
    color: #e4b35a;
}

.help-nav-list li:nth-child(6) a {
    background-position: 0px -287px;
}

.help-nav-list li:nth-child(6):hover a,
.help-nav-list li:nth-child(6).active a {
    background-position: -206px -287px;
    color: #e4b35a;
}

.help-right {
    width: 840px;
    padding: 20px 10px;
    background-color: #1B1F29
}

.help-media-floor {
    background-color: #212633;
}

.help-media-floor>div {
    position: relative;
    float: left;
    border: 2px solid #384259;
    width: 245px;
    height: 150px;
}

.help-media-floor .help-media1 {
    margin-right: 20px;
    background-image: url("../images/help/help-media1.png");
}

.help-media-floor .help-media2 {
    background-image: url("../images/help/help-media2.png");
    margin-right: 20px;
}

.help-media-floor .help-media3 {
    background-image: url("../images/help/help-media3.png");
}

.help-media-floor>div:hover {
    border-color: #E4B35A;
}

.help-media-floor>div>span {
    color: #fff;
    position: absolute;
    display: inline-block;
    top: 1px;
    left: -3px;
    background-image: url("../images/help/arrow.png");
    background-repeat: no-repeat;
    background-position: 72px -1px;
    padding-right: 10px;
}

.help-media-floor>div.help-media3>span {
    background-position: 85px -1px;
}

.help-media-floor>div>span>span {
    padding: 4px 10px;
    display: inline-block;
    background-color: #4B5775;
}

.help-media-floor>div:hover>span>span {
    background-color: #e4b35a;
}

.help-media-floor>div:hover>span {
    background-image: url("../images/help/arrow2.png");
}

.help-media-floor div a {
    position: absolute;
    display: inline-block;
    left: 100px;
    top: 50px;
    width: 50px;
    height: 50px;
    background-image: url("../images/help/play.png");
}

.help-media-floor div:hover a {
    background-image: url("../images/help/play2.png");
}

.hot-issue-list li {
    float: left;
    width: 45%;
    border-bottom: 1px solid #2B3242;
    line-height: 40px;
}

.hot-issue-list li a {
    display: inline-block;
    width: 100%;
}

.hot-issue-list li:nth-child(2n+1) {
    margin-right: 10%;
}

.self-help-list li {
    float: left;
}

.self-help-list li a {
    display: block;
    width: 180px;
    height: 150px;
    margin-right: 20px;
    padding-top: 80px;
    background-color: #2B3242;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 70px 20px;
}

.self-help-list li a p:nth-child(1) {
    color: #fff
}

.self-help-list li:hover a p:nth-child(1) {
    color: #e4b35a;
}

.self-help-list li a p:nth-child(2) {
    color: #909191
}

.self-help-list li:hover a p:nth-child(2) {
    color: #816432;
}

.self-help-list li:nth-child(1) a {
    background-image: url("../images/help/steam.png");
}

.self-help-list li:nth-child(2) a {
    background-image: url("../images/help/bill.png");
}

.self-help-list li:nth-child(3) a {
    background-image: url("../images/help/pay.png");
}

.self-help-list li:nth-child(4) a {
    background-image: url("../images/help/service.png");
    margin-right: 0;
}

.self-help-list li:nth-child(1):hover a {
    background-image: url("../images/help/steam2.png");
}

.self-help-list li:nth-child(2):hover a {
    background-image: url("../images/help/bill2.png");
}

.self-help-list li:nth-child(3):hover a {
    background-image: url("../images/help/pay2.png");
}

.self-help-list li:nth-child(4):hover a {
    background-image: url("../images/help/service2.png");
    margin-right: 0;
}

.help-question-list {
    min-height: 700px;
    background: #212633
}

.help-question-list li {
    padding: 20px;
    border-bottom: 1px dashed #2B3242;
}

.help-question-list li a {
    display: block;
}

.help-page-main {
    padding: 20px 50px;
    background-color: #212633;
}

.help-page-main img {
    max-width: 100%;
}

.help-page-main p {
    text-align: left;
    line-height: 20px;
    margin-bottom: 20px;
}

.help-top-search {
    text-align: center;
    margin-bottom: 20px;
}

.help-top-search input {
    width: 350px;
    height: 35px;
    padding: 0 10px;
    line-height: 33px;
    border: 1px solid #333743;
    background: url("../images/help/search.png") right center no-repeat;
}


/*cdkey充值卡*/

.cdkey-recharge-card {
    background: url("../images/cdkey_recharge.png");
    width: 100%;
    height: 100%;
    position: relative;
}

.cdkey-recharge-card ul {
    position: absolute;
    bottom: 70px;
    left: 10px;
}

.cdkey-recharge-card .cdkey-recharge-card-box {
    width: 54px;
    height: 27px;
    display: inline-block;
    margin-left: 8px;
    margin-top: 10px;
    line-height: 27px;
    text-align: center;
    background-color: #2C3040;
    cursor: pointer;
}

.cdkey-recharge-card .cdkey-recharge-card-box:hover {
    background-color: #4D567F;
}

.cdkey-recharge-card .cdkey-recharge-card-box-active {
    background-color: #4D567F;
}

.cdkey-recharge-footer {
    position: absolute;
    bottom: 0px;
    height: 54px;
    width: 100%;
    padding: 0 20px;
}

.cdkey-recharge-footer-price {
    border-top: 1px solid #2C3040;
    width: 100%;
    line-height: 55px;
}

.cdkey-recharge-buy {
    position: absolute;
    bottom: 12px;
    right: 20px;
}


/*cdkey充值卡*/


/*饰品评论*/

.comments-area textarea.item-comment {
    border: 1px solid #3A3F58;
    background-color: #272C3B;
    width: 100%;
    height: 80px;
    resize: none;
    border-radius: 4px;
    padding-right: 120px;
}

.comment-btn.item-comment {
    position: absolute;
    display: block;
    right: 1px;
    top: 1px;
    ;
    width: 98px;
    height: 78px;
    text-align: center;
    background-color: #3A3F58;
    border-radius: 0 4px 4px 0;
}

.comment-btn.item-comment:hover {
    background-color: #505677;
}

.hot-comment-span {
    display: none;
}

.hot-comments .hot-comment-span {
    display: block;
}


/*开箱改版页面*/

.case-rolling-title {
    width: 110px;
    height: 90px;
    margin-right: 10px;
    float: left;
    background-image: url('../images/playground/case/box-bg.png');
}

.case-history-list {}

.case-history-list li {
    text-align: center;
}

.case-history-list li:nth-child(2n) {
    background-color: #141821;
}

.case-history-list li span {
    display: inline-block;
    padding: 15px 0;
    float: left;
    /*border-right:1px solid #696f87;*/
    white-space: nowrap;
    overflow: hidden;
}

.case-history-list li:first-child span {
    font-weight: 700;
    padding: 8px 0;
}

.case-history-list li span:nth-child(1) {
    width: 150px;
}

.case-history-list li span:nth-child(2) {
    width: 200px;
}

.case-history-list li span:nth-child(3) {
    width: 150px;
}

.case-history-list li span:nth-child(4) {
    width: 130px;
}

.case-history-list li span:nth-child(5) {
    width: 130px;
}

.show-prize-list {
    height: 798px;
    width: 160px;
    overflow: hidden;
    position: relative;
}

.show-prize-list li {
    position: relative;
    float: left;
    width: 118px;
    height: 80px;
    margin-right: 2px;
    padding: 5px;
    text-align: center;
    background-size: 120%;
    background-image: url('../images/playground/case/box-bg.png');
}

.case-box-list li {
    float: left;
    width: 186px;
    height: 200px;
    padding: 10px 0;
    text-align: center;
    position: relative;
    background-image: url('../images/playground/case/case.png');
    background-size: 95%;
    background-position: center 30px;
    background-repeat: no-repeat;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.case-box-list li .hoverBox {
    width: 186px;
    height: 200px;
    opacity: 0.1;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
}

.case-box-list li:hover .case-img-box,
.case-box-list li.active .case-img-box {
    background-image: url('../images/playground/case/shadow.png');
    background-position: center;
}

.case-img-box {
    padding-top: 20px;
    width: 186px;
    height: 180px;
}

.case-box-list li .case-img-box img {
    position: relative;
}

.case-box-list li:hover .case-img-box img {
    animation: movetop 1s infinite;
    -webkit-animation: movetop 1s infinite;
    /*Safari and Chrome*/
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    top: -30px;
}

.case-box-list li.active .case-img-box img {
    /*top: -30px;*/
}

@keyframes movetop {
    from {
        top: 0px;
    }
    to {
        top: -30px;
    }
}

@-webkit-keyframes movetop
/*Safari and Chrome*/

{
    from {
        top: 0px;
    }
    to {
        top: -30px;
    }
}

.case-box-list li:hover .hoverBox,
.case-box-list li.active .hoverBox {
    opacity: 0;
}

.case-box-list li .open-case-btn {
    display: inline-block;
    padding: 5px 20px;
    border: 1px solid #7B7C80;
    color: #7B7C80;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    color: #e4b35a;
    border-color: #e4b35a;
}

.case-box-list li:hover .open-case-btn,
.case-box-list li.active .open-case-btn {
    color: #e4b35a;
    border-color: #e4b35a;
}

.case-roll-area {
    position: relative;
    width: 100%;
    padding: 13px 40px;
    height: 175px;
    /* background-image: url('../images/playground/case/price-list-box-bg.png'); */
    background-position: center;
}

.case-roll-area .case-roll-border {
    width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
}

.case-roll-list {
    position: relative;
    width: 200000px;
    padding: 9px 0;
}

.case-roll-list li {
    padding: 5px;
    float: left;
    width: 140px;
    height: 130px;
    background: #1B1F2A;
    margin-right: 10px;
    text-align: center;
    border-bottom: 2px solid #ccc;
    position: relative;
}

.case-roll-list li .good-lun-shadow {
    position: absolute;
    background-image: url('../images/playground/case/v2/good-item-shadow.png');
    width: 100%;
    height: 132px;
    bottom: 1px;
    right: 0px;
}

.case-roll-list li .ft-base {
    position: relative;
    z-index: 1;
}
.case-roll-list li .casename{
    line-height: 46px;
}
.border-bottom-div{
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    right: 0px;
}
.border-bottom-A .border-bottom-div{
    background: #ccab33;
    box-shadow: 0px 1px 5px #ccab33;
}

.border-bottom-B .border-bottom-div{
    background: #bb27cc;
    box-shadow: 0px 1px 5px #bb27cc;
}

.border-bottom-C .border-bottom-div{
    background: #3b53cc;
    box-shadow: 0px 1px 5px #3b53cc;
}
.case-pointer-line {
    width: 14px;
    height: 165px;
    position: absolute;
    top: 6px;
    left: 554px;
    z-index: 100;
    display: inline-block;
    background-image: url('../images/playground/case/point-line.png');
}
.case-pointer-line-continuity {
	width: 1120px;
	height: 23px;
    position: absolute;
	top: 152px;
	left: 0px;
    z-index: 100;
	background-image: url("../../../images/playground/case/v2/point-line2.png"); 
}
.case-get-gold a {
    border: 1px solid #2D3140;
    padding: 10px 20px;
    margin-right: 20px;
}

.case-detail-list {
    padding-left: 28px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.case-detail-list li {
    float: left;
    width: 150px;
    height: 135px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #1B1F2A;
}
.good-item-shadow{
    position: absolute;
    background-image: url('../images/playground/case/v2/good-item-shadow.png');
    width: 100%;
    height: 134px;
    bottom: 1px;
    right: 0px;
}

.good-item-info {
	position: relative;
	z-index: 1;
}

/*求购活动*/

.ph-active .floor1 {
    padding-top: 325px;
}

.ph-active .floor1 .finished {
    display: inline-block;
    background-image: url("../images/activity/purchase/finished.png");
    width: 258px;
    height: 100px;
    padding: 37px 0 0 11px;
    margin-right: 50px;
}

.ph-active .floor1 .remain {
    display: inline-block;
    background-image: url("../images/activity/purchase/remian.png");
    width: 258px;
    height: 100px;
    padding: 37px 0 0 11px;
}

.ph-active .floor1 .finished span,
.ph-active .floor1 .remain span {
    display: inline-block;
    float: left;
    margin-right: 5px;
    width: 35px;
    height: 50px;
    background-image: url("../images/activity/purchase/num-list.png");
}

.purchase-active-swiper {
    margin-top: 70px;
}

.purchase-active-swiper .swiper-slide {
    width: 128px;
    height: 128px;
    border: 1px solid #014D8D;
    padding: 20px 10px;
}

.purchase-active-swiper .swiper-slide img {
    max-width: 108px;
    height: 88px;
}

.purchase-active-swiper .swiper-slide span {
    display: none;
}

.purchase-active-swiper .swiper-slide span a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    color: #fff;
    text-align: center;
    background-color: #014E8F;
}

.purchase-active-swiper .swiper-slide span a:hover {
    background-color: #076bbf;
}

.purchase-active-swiper .swiper-slide.swiper-slide-active {
    width: 202px !important;
    height: 254px !important;
    position: relative;
    top: -95px;
    padding: 10px;
    background-image: url("../images/activity/purchase/top-box.png");
}

.purchase-active-swiper .swiper-slide.swiper-slide-active img {
    max-width: 180px;
    height: 125px;
}

.purchase-active-swiper .swiper-slide.swiper-slide-active span {
    display: block;
}

.purchase-active-swiper .swiper-button-prev {
    width: 30px;
    height: 128px;
    left: -1px;
    top: -232px;
    background-image: url("../images/activity/purchase/arrow-left.png");
}

.purchase-active-swiper .swiper-button-prev:hover {
    background-image: url("../images/activity/purchase/arrow-left2.png");
}

.purchase-active-swiper .swiper-button-next {
    width: 30px;
    height: 128px;
    right: -7px;
    top: -232px;
    background-image: url("../images/activity/purchase/arrow-right.png");
}

.purchase-active-swiper .swiper-button-next:hover {
    background-image: url("../images/activity/purchase/arrow-right2.png");
}

.ph-active .floor3 {
    padding-left: 60px;
}

.ph-active .floor3>div {
    position: relative;
    padding: 25px 0 0 10px;
    float: left;
    width: 301px;
    height: 200px;
    background-repeat: no-repeat;
    background-image: url("../images/activity/purchase/bg1.png");
}

.ph-active .csgo-area,
.ph-active .h1z1-area {
    margin-right: 50px;
}

.ph-active .floor3>div:hover {
    animation: movetop 1s infinite;
    -webkit-animation: movetop 1s infinite;
    /*Safari and Chrome*/
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    top: -30px;
    background-image: url("../images/activity/purchase/bg2.png");
}

.ph-active {
    padding: 0 15px;
}

.ph-active .floor-nav {
    background: none;
    border-bottom: 1px solid #014E8F
}

#content.ph-active .floor-nav li {
    background: none;
    border: 0;
    font-size: 16px;
    padding: 0 0 0 35px;
}

#content.ph-active .floor-nav li a {
    font-weight: 700;
    color: #014E8F;
}

#content.ph-active .floor-nav li.active {
    background: url("../images/activity/purchase/arrow.png") 13px center no-repeat;
    border: 0;
}

#content.ph-active .floor-nav li.active a {
    color: #008CFF;
}

#content.ph-active .tab-content,
#content.ph-active .tab-content .tab-pane ul {
    background: none;
}

#content.ph-active .tab-content .tab-pane ul {
    padding: 0;
}

#content.ph-active .tab-content .tab-pane ul li,
.csgo-spinach li {
    width: 202px;
    height: 254px;
    padding: 10px;
    margin-right: 20px;
    overflow: hidden;
    border: 0;
    background: url("../images/activity/purchase/top-box.png") no-repeat;
}

#content.ph-active .tab-content .tab-pane ul li:nth-child(5) {
    margin-right: 0;
}

.csgo-spinach li {
    float: left;
    margin-bottom: 20px;
}

.csgo-spinach li :nth-child(5) {
    margin-right: 0;
}

#content.ph-active .tab-content .tab-pane ul li img,
.csgo-spinach img {
    max-width: 180px;
    height: 125px;
}

#content.ph-active .tab-content .tab-pane ul li span,
.csgo-spinach span {
    display: block;
}

#content.ph-active .tab-content .tab-pane ul li span a,
.csgo-spinach li span a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    color: #fff;
    text-align: center;
    background-color: #014E8F;
}

#content.ph-active .tab-content .tab-pane ul li span a:hover,
.csgo-spinach li span a:hover {
    background-color: #076bbf;
}


/*新消息提示*/

.msg-box-s {
    position: absolute;
    z-index: 1000;
    width: 325px;
    height: 0px;
    overflow: hidden;
    top: 16px;
    left: -140px;
    transition: height 0.5s;
    -moz-transition: height 0.5s;
    /* Firefox 4 */
    -webkit-transition: height 0.5s;
    /* Safari and Chrome */
    -o-transition: height 0.5s;
    /* Opera */
}

.top-msg:hover .msg-box-s {
    height: 300px;
}

.top-msg:hover>span {
    color: #e4b35a;
}

.msg-box-s ul {
    margin-top: 10px;
    width: 100%;
    border: 1px solid #272D3D;
    background-color: #141821;
}

.msg-box-s ul li {
    height: 35px;
}

.msg-box-s ul li a {
    display: inline-block;
    width: 100%;
    line-height: 35px;
    overflow: hidden;
    border-bottom: 1px solid #282E3E;
    color: #ccc;
    cursor: pointer;
}

.msg-box-s ul li a:hover {
    background: #282E3E;
}

.msg-box-s .check-more {
    background-color: #141821;
    color: #ccc;
}

.msg-box-s .check-more:hover {
    color: #e4b35a;
}


/*冠名活动*/

.title-ranking-list {
    height: 490px;
    overflow-y: hidden;
    overflow-y: scroll;
}

.title-ranking-list li {
    padding: 12px 0px;
    height: 80px;
    overflow: hidden;
    background-color: #182128;
}

.title-ranking-list li:hover {
    height: 160px;
}

.title-ranking-list li .head-circle {
    display: inline-block;
    width: 56px;
    height: 56px;
    background-size: 100%;
    padding-left: 3px;
    padding-top: 3px;
}

.title-ranking-list li:nth-child(1) .head-circle {
    background: url('../images/lucky-first.png') center center no-repeat;
}

.title-history-price li {
    float: left;
    width: 220px;
    height: 215px;
    margin-right: 30px;
    margin-bottom: 30px;
    background-image: url('../images/activity/title/box.png');
}

.title-ranking-list li:nth-child(2) .head-circle {
    background: url('../images/lucky-second.png') center center no-repeat;
}

.title-ranking-list li:nth-child(3) .head-circle {
    background: url('../images/lucky-third.png') center center no-repeat;
}

.box-level-nav .box-level {
    position: relative;
    float: left;
    width: 140px;
    height: 120px;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    background-image: url('../images/activity/title/boxbg.png');
    background-repeat: no-repeat;
}

.box-level-nav {
    width: 140px;
    float: left;
}

.box-level-nav .box-level p {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #CE8E10;
}

.box-level-nav .box-level .active-pointer {
    position: absolute;
    right: -12px;
    top: 47px;
    display: none;
}

.box-level-nav .box-level.active .active-pointer {
    display: block;
}

.box-level-nav .box-level:hover,
.box-level-nav .box-level.active {
    background-image: url('../images/activity/title/boxbg2.png');
}

.box-level-nav .box-level:hover p,
.box-level-nav .box-level.active p {
    display: block;
}

.box-level-nav .box-level1 {
    padding-top: 30px;
}

.box-level-nav .box-level2 {
    padding-top: 18px;
}

.box-level-nav .box-level3,
.box-level-nav .box-level4 {
    padding-top: 25px;
}

.title-roll-area {
    width: 842px;
    float: left;
    margin-left: 28px;
    height: 550px;
}

.title-information-bar {
    background-image: url("../images/activity/title/line-bg.png");
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-bottom: 5px;
}

.title-start-btn .btn-box {
    background-image: url('../images/activity/title/btn.png');
    width: 193px;
    height: 92px;
    display: inline-block;
    cursor: pointer;
}

.title-start-btn .btn-box:hover {
    background-image: url('../images/activity/title/btn2.png');
}

.title-roll {
    width: 842px;
    height: 482px;
    padding: 1px;
    background-image: url("../images/activity/title/roll-bg.png");
}

.title-roll .luck-unit {
    width: 140px;
    height: 120px;
    text-align: center;
}

.title-roll .luck-unit {
    background-image: url("../images/activity/title/luck-bg1.png");
}

.title-roll .luck-unit .active-border {
    display: none;
}

.title-roll .luck-unit.active .active-border {
    display: block;
}

.title-roll .luck-unit-1,
.title-roll .luck-unit-3,
.title-roll .luck-unit-5,
.title-roll .luck-unit-6,
.title-roll .luck-unit-8,
.title-roll .luck-unit-11,
.title-roll .luck-unit-13,
.title-roll .luck-unit-14,
.title-roll .luck-unit-16,
.title-roll .luck-unit-18 {
    background-image: url("../images/activity/title/luck-bg2.png");
}

#red-packet {
    background: url("../images/live/red-packet-s.png") !important;
    width: 100px !important;
    height: 125px !important;
}


/*直播活动页*/

.live-active-floor1 {
    margin: 0 60px;
    width: 1010px;
    height: 200px;
    position: relative;
    overflow: hidden;
    border: 2px solid #2D323D;
}

.live-active-floor1 .anchor-box {
    width: 400px;
    height: 200px;
    float: left;
    background-color: #1A191F;
    border-left: 2px solid #2D323D;
    transition: 0.5s ease;
    position: absolute;
}

.live-active-floor1 .anchor-box .anchor-tag {
    position: absolute;
    left: 0;
    top: 0;
}

.live-active-floor1 .anchor-box .anchor-head {
    width: 198px;
    float: left;
    height: 200px;
    padding-top: 40px;
}

.live-active-floor1 .anchor-box div a {
    padding: 5px 10px;
    color: #fff;
    background-color: #C33832;
}

.live-active-floor1 .anchor-box div a:hover {
    background-color: #ff5a53;
}

.live-active-floor1 .anchor-box1 {
    left: 0;
    top: 0;
    z-index: 1;
    border-left: 0;
}

.live-active-floor1 .anchor-box2 {
    left: 400px;
    top: 0;
    z-index: 2;
}

.live-active-floor1 .anchor-box3 {
    left: 602px;
    top: 0;
    z-index: 3;
}

.live-active-floor1 .anchor-box4 {
    left: 804px;
    top: 0;
    z-index: 4;
}

.live-active-floor1 .anchor-box .anchor-prize {
    float: left;
    width: 200px;
    height: 200px;
    text-align: center;
    padding-top: 30px;
}

.live-box {
    position: relative;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #e4b35a;
    width: 235px;
    margin-right: 20px;
    height: 252px;
    background: url('../images/activity/dac/dac-card.png')
}

.live-box:nth-child(4n) {
    margin-right: 0;
}

.live-box .live-play {
    width: 100%;
    height: 131px;
    position: absolute;
    top: 0;
    text-align: center;
    padding-top: 40px;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
}

.live-box:hover .live-play {
    display: block;
}


/*播放器*/

.audio-play {
    display: inline-flex;
    padding: 5px 10px;
    background-color: #2C3040;
    line-height: 20px;
}

.volume {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url("../audio/music-icon.png");
}

.muted .volume {
    background-image: url("../audio/music-muted-icon.png");
}

.music-name {
    display: inline-block;
    width: 100px;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 5px;
    color: #fff;
}


/*新手红包*/

#red-packet {
    background: url("../images/live/red-packet-s.png") !important;
    width: 100px !important;
    height: 125px !important;
}

#new-red-p .modal-content {
    border: 0;
    background: none;
}

#new-red-p .modal-content .not-open {
    width: 240px;
    height: 299px;
    background: url("../images/user/red-packet.png");
    text-align: center;
    padding-top: 91px;
}

#new-red-p .modal-content #red-open-btn {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 50px;
    color: #F09738;
}

#new-red-p .modal-content .opened {
    margin-left: -73px;
    width: 427px;
    height: 349px;
    padding: 150px 63px 0 123px;
    background: url("../images/user/red-packet-open.png");
}

#new-red-p .modal-content .opened img {
    border: 1px solid #e4b35a
}


/*个人导航栏经验条*/

.exp-bar {
    height: 5px;
    width: 170px;
    background-color: #141821;
    border-radius: 2px;
    display: inline-flex;
}

.exp-bar span {
    background-color: #e5b45a;
    border-radius: 2px;
    height: 4px;
}


/*csgo首页珍藏列表*/

#content .tab-content .csgo-list-item5 {}

#content .tab-content .csgo-list-item5 li {
    width: 172px;
    height: 205px;
    float: left;
    border: 0;
    margin-top: 10px;
    margin-right: 10px;
    padding: 5px;
    background-image: url("../images/CSGO/csgo-list5-bg.png");
}


/*c5game 开发者api*/

.c5api>div {
    display: inline-block;
    width: 243px;
    height: 140px;
    float: left;
    margin-right: 20px;
    background: url("../images/user/develop/box-bg.png");
    text-align: center;
    padding-top: 55px;
}

.c5api>div:hover {
    background: url("../images/user/develop/box-bg1.png");
}

.develop-info>div span {
    display: inline-block;
    width: 110px;
    padding-left: 20px;
    font-size: 14px;
}

.develop-info>div input {
    border: 1px solid #535D6E;
    height: 35px;
    width: 213px;
    padding-left: 15px;
    background-color: #2C3040;
}

#creat-key .input-floor {
    width: 400px;
    height: 35px;
    padding-left: 10px;
    background-color: rgba(44, 48, 64, 1);
    border: 1px solid rgba(83, 93, 110, 1);
}

#creat-key textarea {
    width: 400px;
    height: 80px;
    padding: 10px;
    background-color: rgba(44, 48, 64, 1);
    border: 1px solid rgba(83, 93, 110, 1);
    resize: none;
}

.develop-prograss {
    width: 100%;
    height: 140px;
    background-color: #232836;
    background-image: url("../images/user/develop/prograss1.png");
    background-repeat: no-repeat;
    background-position: center 30px;
    padding-top: 100px;
}

.develop-prograss.prograss-2 {
    background-image: url("../images/user/develop/prograss2.png");
}

.develop-prograss.prograss-3 {
    background-image: url("../images/user/develop/prograss3.png");
}

.develop-prograss p span {
    display: inline-block;
}


/*解除手机绑定*/

#lost button {
    color: #fff
}

#lost button:hover {
    color: #e4b35a
}

.list-item5 .dis-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 20px;
    color: #fff;
    z-index: 10;
    background: url('../images/activity/dis-tag.png') no-repeat;
}

.list-item5 .item-info {
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    line-height: 25px;
}

.list-item5 li {
    position: relative;
}

.list-item5 li .hoverBox {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    width: 196px;
    height: 196px;
    text-align: center;
    z-index: 11;
    padding-top: 50px;
    background: rgba(0, 0, 0, 0.5);
}

.list-item5 li:hover .hoverBox {
    display: block;
}


/*感恩回馈活动*/

.wheel-trigger-btn {
    background: #601010;
    font-size: 20px;
    color: #B7B7B7;
    display: inline-block;
    width: 200px;
    height: 30px;
    line-height: 30px;
}

.wheel-trigger-btn span {
    position: relative;
    width: 50%;
    height: 30px;
    float: left;
    z-index: 2;
    cursor: pointer;
}

.ft-rose {
    color: #601010
}

.wheel-trigger-btn .color-area {
    position: absolute;
    left: 0;
    z-index: 1;
    background: #fff;
}

.wheel-trigger-btn .color-area {
    position: absolute;
}

.wheel-mid {
    width: 100%;
    height: 890px;
    margin-top: 85px;
    padding-top: 315px;
    position: relative;
}

.wheel-num {
    position: absolute;
    width: 120px;
    margin: 0 500px;
    text-align: center;
    font-size: 25px;
    left: 0;
}

.wheel-lucky-star {
    margin-top: 75px;
    width: 100%;
    overflow: hidden;
}

.g-lottery-box {
    float: left;
    width: 500px;
    height: 500px;
    position: relative;
}

.g-lottery-box .playbtn {
    width: 500px;
    height: 500px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.g-lottery-box .playbtn2 {
    width: 500px;
    height: 500px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.more-chance {
    width: 455px;
    float: left;
    margin: 72px 133px 0 58px;
    padding: 0px 25px;
    font-size: 14px;
    color: #e6e6e6;
}

.more-chance a {
    color: #601615;
    font-size: 16px;
    font-weight: 800;
    line-height: 39px;
    width: 172px;
    height: 39px;
    margin-top: 2px;
    display: inline-block;
    background: #C60503;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
}

.my-prize {
    width: 382px;
    float: left;
    margin-right: 36px;
    margin-top: 70px;
    padding: 0 25px;
    font-size: 14px;
    color: #e6e6e6;
}

#winning-modal .modal-content,
#coupons-modal .modal-content {
    /*border: 0;*/
    /*width: 380px;*/
    /*height: 430px;*/
    /*padding-top: 115px;*/
    /*box-shadow: none;*/
    border: 0;
    padding-top: 50px;
    width: 310px;
    height: 220px;
    box-shadow: none;
}

#invite-modal .modal-content {
    width: 604px;
    height: 242px;
    border: 0px;
}

.roulette-nav {
    width: 103px;
    height: 249px;
    position: fixed;
    top: 150px;
    right: 80px;
}

.roulette-nav ul {
    width: 103px;
    height: 249px;
    padding-top: 38px;
    background: url('../images/activity/nav-bg.png') no-repeat;
}

.roulette-nav ul li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    line-height: 36px;
    font-size: 18px;
    font-weight: 700;
    color: #8F0301;
    margin-bottom: 5px;
}

.roulette-nav ul li a.active {
    color: #EDF1F1;
    background: url('../images/activity/link-bg.png') no-repeat;
}

.rol-btn {
    display: inline-block;
    width: 140px;
    height: 40px;
    color: #e3e3e3;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    background: url('../images/activity/rol-btn-bf.png') no-repeat;
}

.rol-btn:hover {
    background: url('../images/activity/rol-btn-af.png') no-repeat;
}


/*手机解绑*/

.upload-img li {
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #404661;
    width: 102px;
    height: 102px;
    text-align: center;
    line-height: 100px;
}

.upload-img li img {
    position: relative;
    bottom: 2px;
}

.upload-img li .msg-delete {
    z-index: 1;
    left: 43px;
    top: 0px;
    cursor: pointer;
}

.upload-img li:hover .msg-delete {
    visibility: visible;
}


/*下拉游戏选择*/

.main-drop-nav .dropdown-menu {
    left: -17%;
    top: 35px;
}

.main-drop-nav .dropdown-menu li {
    width: 100%;
}

.main-drop-nav .dropdown-menu li a {
    background-color: rgba(20, 24, 33, 0.9);
    color: #E7E8E7;
}

.main-drop-nav .dropdown-menu li a:hover {
    color: #e4b35a;
    background: #282D3D;
}

.main-drop-nav:hover .dropdown-menu {
    display: block;
}


/*csgo出售弹框更新*/

.slt-price {
    height: 30px;
    padding: 0 10px;
    border: 1px solid #667485;
    cursor: pointer;
    overflow: hidden;
    background: #232836;
}

.slt-price .change-area {
    position: relative;
    line-height: 28px;
    height: 28px;
}

.csgo-sell-publish {
    max-height: 340px;
    overflow-y: auto;
}

.csgo-sell-publish li {
    width: 100%;
    clear: both;
    line-height: 60px;
    background-color: #232836;
}

.csgo-sell-publish li:nth-child(2n) {
    background-color: #282E3E;
}

.csgo-sell-publish li:nth-child(1) {
    line-height: 40px;
    background: #1B1F2A;
    height: 40px;
    padding: 0;
}

.csgo-sell-publish li>div {
    float: left;
    font-size: 14px;
    text-align: center;
}

.csgo-sell-publish li>div>span {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: top;
}

.csgo-sell-publish li>div:nth-child(1) {
    width: 200px;
}

.csgo-sell-publish li>div:nth-child(2) {
    width: 130px;
}

.csgo-sell-publish li>div:nth-child(3) {
    width: 190px;
}

.csgo-sell-publish li>div:nth-child(4) {
    width: 100px;
}

.csgo-sell-publish li>div:nth-child(5) {
    width: 110px;
}

.csgo-sell-publish li>div:nth-child(5) input {
    width: 90px;
    line-height: 26px;
    border: 1px solid #667485;
    background: #232836;
}

.csgo-sell-publish li>div:nth-child(6) {
    width: 90px;
}

.csgo-sell-publish li>div:nth-child(7) {
    width: 120px;
}

.csgo-sell-publish li>div:nth-child(8) {
    width: 60px;
}

#csgo-sell-info .extra {
    display: none;
}


/*登录绑定弹框*/

.reg-nav a {
    display: inline-block;
}

.reg-nav a.active {
    border-bottom: 5px solid #e4b35a;
    padding-bottom: 5px;
}

.reg-nav .add-ID-msg {
    margin-right: 50px;
}

.filter-parameter a.sum-filter {
    padding: 0 15px 0 5px;
    border: 1px solid #e4ae39;
    background: url('../images/close.png') right no-repeat;
}


/*csgo详情页添加磨损度分类*/

.wear-select-area {
    width: 100%;
    padding: 10px 20px;
    background: #1B1F2A;
    margin: 2px 0;
}

.wear-select-area>div {
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #364157;
    border-radius: 3px;
    float: left;
}

.wear-select-area>div>a {
    display: block;
    width: 100%;
    padding: 5px 10px;
}

.wear-select-area>div:hover,
.wear-select-area>div.active {
    border-color: #e4b35a;
    background: url('../images/csgo/wear-hover2.png');
}

.wear-select-area.knife>div {
    padding: 7px 0 7px 20px;
    width: 16.66%;
    float: left;
}

.wear-select-area.knife>div:hover,
.wear-select-area.knife>div.active {
    background: url('../images/csgo/wear-hover1.png');
}

.wear-select-area>div.active a {
    color: #e4b35a;
}

.more-help li {
    width: 33%;
    line-height: 30px;
    float: left;
}

p.modal-info {
    word-wrap: break-word;
    max-width: 480px;
}


/*抢购活动通知*/

.falsh-info {
    width: 230px;
    height: 318px;
    position: fixed;
    right: -230px;
    top: 120px;
    padding-top: 50px;
    z-index: 999;
}


/*库存打包出售*/

.sell-selected-btn {
    display: inline-block;
    padding: 10px 40px;
    background: #5BA919;
    color: #fff;
    cursor: pointer;
}

.sell-selected-btn:hover {
    background: #449D44;
}

.sell-total-btn {
    display: inline-block;
    padding: 10px 40px;
    background: #FF9400;
    color: #fff;
    cursor: pointer;
}

.sell-total-btn:hover {
    background: #B78730;
}

.pack-sell-list {
    width: 100%;
}

.pack-sell-list li>div {
    width: 20%;
    float: left;
    line-height: 50px;
    text-align: center;
    background: #282E3E;
}

.pack-sell-list li.pack-nav-floor>div {
    line-height: 30px;
    background: #1B1F2A;
}

.pack-sell-list
/*抢购代码整合*/

.top-notice {
    position: absolute;
    width: 1120px;
}

a:focus {
    text-decoration: none;
}

i {
    padding-right: 5px;
}

.rull-floor {
    color: #fff;
    padding-left: 400px;
}

.main-floor>div {
    float: left;
}

.main-left {
    width: 810px;
}

.main-right {
    margin-left: 20px;
    width: 290px;
}

.left-nav {
    width: 100%;
    border-bottom: 1px solid #4A3A66;
}

.left-nav li {
    cursor: pointer;
    float: left;
    font-size: 16px;
    color: #7B6999;
    position: relative;
    top: 1px;
}

.left-nav li a {
    display: inline-block;
    padding: 10px 18px;
}

.left-nav li.active {
    color: #e4b35a;
    border-bottom: 2px solid #e4b35a;
}

.flashsale-list {
    width: 100%;
}

.flash-user-history {
    max-height: 230px;
}

.flash-user-history:hover {
    overflow-y: scroll;
}

.flashsale-list li {
    position: relative;
    background: url('../images/activity/flashsale/flashsale-bg.png');
    float: left;
    width: 242px;
    padding: 15px 15px 10px 15px;
    margin-right: 21px;
    margin-bottom: 20px;
}

.flashsale-list li:nth-child(3n) {
    margin-right: 0;
}

#sale-cancel-form .flashsale-list li:nth-child(3n) {
    margin-right: 20px;
}

.view-btn {
    display: inline-block;
    float: left;
    margin-right: 14px;
    text-align: center;
    width: 95px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #4d567f;
}

.view-btn:hover {
    color: #fff;
    background-color: #6d7ab3;
}

.flashbuy-btn {
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 95px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background-color: #F86B00;
}

.flashbuy-btn2 {
    display: inline-block;
    text-align: center;
    cursor: no-drop;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 95px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background-color: #F86B00;
}

.flashbuy-btn:hover {
    background-color: #f78731;
    color: #fff;
}

.supersale .view-btn {
    display: inline-block;
    float: none;
    text-align: center;
    width: 126px;
    line-height: 37px;
    font-size: 13px;
    color: #fff;
    border-radius: 0;
    background-color: #4d567f;
}

.supersale .flashbuy-btn {
    display: inline-block;
    float: none;
    text-align: center;
    width: 126px;
    line-height: 37px;
    font-size: 13px;
    color: #fff;
    border-radius: 0;
    background-color: #F86B00;
}

li.case3 {
    height: 340px;
}

li.case3 .bottom-area {
    border: none;
}

.case1 .flashbuy-btn,
.case3 .flashbuy-btn {
    background-color: #666666;
    cursor: no-drop;
}

.bottom-area {
    width: 100%;
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px solid rgba(49, 54, 71, 1);
}

.state1 {
    display: none;
    text-align: center;
    font-size: 13px;
}

.state2 {
    display: none;
    width: 100%;
    color: #fff;
}

.state2 span {
    line-height: 22px;
    margin-right: 5px;
    float: left;
}

.case1 .state1 {
    display: block;
}

.case2 .state2,
.case4 .state2 {
    display: block;
}

.state3 {
    width: 100%;
    text-align: center;
}

.case1 .state1 {
    display: block;
}

.case2 .state2 {
    display: block;
}

.case3 .state3 {
    display: block;
}

.mask-state {
    position: absolute;
    display: none;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    background: rgba(0, 0, 0, 0.7);
}

.mask-state .sold-info {
    padding-top: 18px;
    text-align: center;
    height: 118px;
}

.case3 .mask-state {
    display: block;
}

.supersale {
    position: relative;
    padding-top: 50px;
    height: 385px;
    background: url('../images/activity/flashsale/super.png');
}

.supersale .state2 {
    padding-left: 51px;
}

.supersale .mask-state {
    z-index: 1;
    width: 100%;
    height: 385px;
}

.smart-user {
    width: 292px;
    border: 1px solid #4A3A66;
    padding: 10px;
}

.sale-pagination {
    background: none;
}

.buyer-info {
    padding-top: 10px;
    margin-top: 10px;
}

.region-foot .posted {
    background: rgba(74, 109, 133, 1);
}

.region-foot .post {
    background: rgba(91, 169, 25, 1);
}

.region-foot .posted:hover {
    background: rgba(95, 142, 175, 1);
}

.region-foot .post:hover {
    background: rgba(108, 199, 31, 1);
}

.region-cnt>div {
    width: 33%;
    float: left;
    text-align: center;
}

.region-cnt>div p {
    color: #cccccc;
}

.region-cnt>div p:last-child {
    color: #e4b35a;
}

.side-list li .hoverBox {
    display: none;
}

.side-list li:hover .hoverBox {
    display: block;
}

#flash-swiper-container .swiper-slide .host-box {
    width: 375px;
    height: 125px;
    border-radius: 4px;
    background-color: rgba(53, 58, 77, 1);
    padding: 18px 15px 18px 15px;
}

.flashbuy-btn.status-1 {
    background-color: #666666;
    cursor: no-drop;
}

.seller-box {
    display: block;
    position: absolute;
    width: 100%;
    padding-top: 32px;
    height: 141px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

li.case1:hover .seller-box,
li.case2:hover .seller-box {
    display: block;
}

.link-box {
    background: #282C3B;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
    padding-left: 5px;
    margin-top: 20px;
}

.state2 {
    display: none;
    width: 100%;
    padding-left: 11px;
    color: #fff;
}

.state2 b {
    float: left;
    background: #4D5570;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 4px;
    margin-right: 2px;
    border-radius: 2px;
}

.state2 span {
    line-height: 22px;
    color: #9FA0A5;
}

.flash-user-info {
    padding: 20px;
    background: url('../images/activity/flashsale/flash-user-bg.png');
}

.flash-payment-btn {
    float: right;
    display: inline-block;
    padding: 0px 8px;
    border: 1px solid #F86B00;
    color: #F86B00;
}

.flash-payment-btn:hover {
    background: #F86B00;
    color: #eeeeee;
}

.flashsale-use-mid-info {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #2C3040;
    border-bottom: 1px solid #2C3040;
}

.flash-socket-box {
    display: none;
}

.case2 .flash-socket-box {
    display: block;
}

.head-box img {
    float: left;
    margin-right: 13px;
}

.head-box img:nth-child(5) {
    margin-right: 0;
}

.supersale.case3 .bottom-area {
    display: none;
}

.flash-user-info .user-nologin a.login,
.flash-user-info .user-nologin a.reg {
    background: #373d51;
}

.flash-socket-box.needAdd {
    background: url('../images/activity/flashsale/add.png') no-repeat center 43px;
}

.tg-btn {
    position: absolute;
    left: 305px;
    top: 280px;
    color: #000;
    display: inline-block;
    width: 185px;
    height: 50px;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    background: url('../images/tg-btn.png');
}


/* newyear s */

.newyear-btn {
    position: absolute;
    left: 305px;
    top: 280px;
    color: #000;
    display: inline-block;
    width: 240px;
    height: 50px;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    background: url('../images/newYear/index-modal-btn.png') no-repeat center;
}

.newyear-close {
    top: 175px;
    right: 175px;
    position: absolute;
    opacity: 1;
    z-index: 1001;
    cursor: pointer;
}

.modal-newyear-message {
    height: 160px;
    text-align: center;
    padding: 10px;
    padding-top: 30px;
}

.modal-newyear-message:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.modal-newyear .modal-footer {
    border: none;
    background: #332525;
    padding-bottom: 55px;
}

.modal-newyear .modal-header {
    border: none;
    background: #332525;
}

.modal-newyear .modal-content:before {
    content: url("../images/newYear/jugg.png");
    position: absolute;
    left: -387px;
    bottom: -85px;
}

.modal-newyear .modal-content {
    border: none;
    box-shadow: none;
    background: transparent;
    padding-left: 200px;
    border: 5px solid rgba(255, 255, 255, 0.2);
}

.modal-newyear .modal-body {
    padding: 0;
    background: #332525;
    min-width: 400px;
}

.modal-newyear .modal-name {
    position: absolute;
    left: 0px;
    text-align: center;
    bottom: 0px;
    color: #ffaf48;
    font-size: 16px;
    width: 200px;
    height: 50px;
    line-height: 50px;
}

.modal-newyear .modal-btn {
    background: url("../images/newYear/hat-btn.png") center no-repeat;
    width: 200px;
    height: 50px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #f0e6c2;
    border-radius: 0px;
}

.modal-newyear .luck-title {
    font-size: 16px;
    color: #a18c84;
    text-align: center;
    padding: 5px;
}

.modal-newyear .modal-text {
    margin-top: -100px;
}

.modal-newyear .surprise-title {
    font-size: 16px;
    color: #f0e6c2;
}

.modal-newyear .surprise-item {
    font-size: 14px;
    color: #a18c84;
    margin-top: 20px;
}

.modal-newyear .modal-header .close {
    opacity: .9;
}

.modal-newyear .modal-header .close:hover {
    opacity: 1;
}

.modal-newyear .modal-header .close>span {
    background: url(../images/newYear/close.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}


/* newyear e */


/*新交易模式*/

.tip-lag {
    position: absolute;
    left: -3px;
    top: -3px;
    width: 80px;
    height: 33px;
    color: #fff;
    line-height: 33px;
    text-align: center;
    background: url("../images/user/tip.png");
}

.no-item {
    background: url(../images/user/no-item.png)center 30px no-repeat;
    padding-top: 220px;
    height: 250px;
}

.right-content-in {
    padding: 20px;
    background-color: #232836;
}

.right-content-in .sale-seach-bar {
    background-color: transparent;
    padding: 0;
}

.right-content-in .sale-seach-bar .form-search {
    float: none;
}

.right-content-in .user-inventory {
    padding: 0;
    margin: 0 -10px;
}

.right-content-in .user-inventory>li.item {
    padding: 5px;
    margin: 10px;
}

.table-modal>thead>tr>th {
    background-color: #1b1f2a;
    font-weight: 400;
    border-bottom: 0;
    padding: 10px;
}

.table-modal>thead>tr>th:first-child,
.table-modal>tbody>tr>td:first-child {
    padding-left: 20px;
}

.table-modal>thead>tr>th:last-child,
.table-modal>tbody>tr>td:last-child {
    padding-right: 20px;
}

.table-modal>tbody>tr>td {
    border-top: 0;
    vertical-align: middle;
    background-color: #1f2431;
    padding: 10px
}

.table-modal>tbody>tr.even>td {
    background-color: #1b1f2a;
}

.modal-jx>.modal-dialog>.modal-middle>.modal-content {
    background-color: #282e3e;
}

.table-record>thead>tr>th {
    background-color: #232836;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    border-bottom: 0;
}

.table-record>tbody>tr>td {
    padding: 10px;
    background-color: #282e3e;
    border-top: 0;
    vertical-align: middle;
}

.table-record>tbody>tr.even>td {
    background-color: #232836;
}


/*红锁中心*/

.red-lock-summary {
    height: 260px;
}

.red-lock-summary .left-box {
    background: #2C3040;
    float: left;
    width: 420px;
    height: 260px;
    margin-right: 20px;
}

.red-lock-summary .right-box {
    float: left;
    width: 290px;
    height: 260px;
}

.gold-title-bar {
    display: inline-block;
    vertical-align: top;
    width: 3px;
    height: 19px;
    background: #E4B35A;
}

.status-btn {
    display: inline-block;
    padding: 0 5px;
}

.banner-wiki-title {
    opacity: 0;
    transition: all .3s;
}

.banner-wiki .item:hover .banner-wiki-title {
    opacity: 1;
}

.floor-nav.affix {
    z-index: 1;
    top: 105px;
}

#right-fixed-bar.affix {
    z-index: 1;
    top: 85px;
    bottom: 0;
    overflow-y: auto;
}

.bot-type {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    padding: 0 4px;
}

.verify-query {
    background-color: #39404f;
}

.verify-query-hd {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    background-color: #2c303f;
}

#help-btn .verify-query-hd>a {
    color: #e3b460
}

#help-btn .verify-query-hd>a:hover {
    background-color: transparent;
}

.verify-query {
    font-size: 12px;
    border-radius: 2px;
}

.verify-query-bd {
    padding: 20px;
}

.verify-query-container {
    border-radius: 2px;
    width: 320px;
    margin: 0 auto;
    font-size: 12px;
    position: relative;
}

.verify-query-container::before {
    content: "";
    display: block;
    width: 420px;
    position: absolute;
    top: 20px;
    left: -50px;
    height: 1px;
    background-color: #2c303f;
    overflow: hidden;
}

.verify-query-container .form-control,
.verify-query-container .btn-block {
    border-radius: 2px;
    background-color: #2c303f;
    height: 36px;
    color: #afb0b2;
    border: 0;
    font-size: 12px;
}

.verify-query-container .btn-block {
    line-height: 24px;
}

.verify-query-nav {
    margin-bottom: 24px;
    border-radius: 2px;
    overflow: hidden;
}

.verify-query-nav a {
    font-size: 14px;
    color: #afb0b2;
    background-color: #2c303f;
}

#help-btn .verify-query-nav a:hover {
    background-color: #2c303f;
    color: #fff
}

#help-btn .verify-query-nav>li.active>a {
    background-color: #6d7ab3;
    color: #fff
}

.verify-query-container .btn-link {
    color: #4e8dd6;
}

#help-btn .verify-query-container .btn-link:hover {
    background-color: transparent;
    color: #4e8dd6;
}

.dropdown-menu.seller-type-menu {
    padding: 0;
    border: 1px solid #282E3E;
    padding: 5px 0;
    background-color: #1B1F2A;
}

.dropdown-menu.seller-type-menu li {
    float: none;
    border: 0;
    width: auto;
}

.dropdown-menu.seller-type-menu li a {
    background-color: #1B1F2A;
    color: #cccccc;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 12px;
}

.dropdown-menu.seller-type-menu li:hover a,
.dropdown-menu.seller-type-menu li.active a {
    background-color: #282E3E;
    color: #c5cce0;
}

.status-select {
    position: relative;
    width: 180px;
    height: 30px;
    float: left;
    border: 1px solid #4D567F;
}

.status-select>div {
    width: 50%;
    height: 28px;
    float: left;
    text-align: center;
    line-height: 28px;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

.status-select>div.active {
    color: #fff;
}

.status-select>div.move-box-bg {
    position: absolute;
    background-color: #4D567F;
    width: 50%;
    z-index: 1;
}

.user-inventory.self-list li {
    width: 140px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.list-item4.user-inventory.self-list li .img {
    width: 100%;
    height: 90px;
}

.self-step-box {
    position: relative;
    height: 100px;
    margin: 0 40px;
}

.self-step-box>div {
    position: absolute;
    width: 70px;
    text-align: center;
    z-index: 2;
}

.self-step-box>div>span {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: #4D567F;
    text-align: center;
    line-height: 28px;
    color: #cccccc;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    border: 3px solid rgba(0, 0, 0, 0.1)
}

.self-step-box .self-devide {
    height: 1px;
    background: #42495B;
    top: 17px;
    width: 330px;
    left: 35px;
    z-index: 1;
}


/* 优惠券新样式 */

.coupons.coupons-ti7-a {
    background: url(../images/coupons/ti7-a.png) no-repeat;
}

.coupons.coupons-ti7-b {
    background: url(../images/coupons/ti7-b.png) no-repeat;
}

.coupons.coupons-ti7-c {
    background: url(../images/coupons/ti7-c.png) no-repeat;
}

.coupons.coupons-ti7-d {
    background: url(../images/coupons/ti7-d.png) no-repeat;
}

.coupons.coupons-ti7-e {
    background: url(../images/coupons/ti7-e.png) no-repeat;
}

.c5-insurance::after {
    position: absolute;
    content: '';
    width:20px;
    height: 20px;
    display: block;
    top: 5px;
    left: 5px;
    background: url(../images/insurance/insur-icon.png); 
}

.c5-insurance-2::after {
    position: absolute;
    content: '';
    color:#f2ffe7;
    line-height: 19px;
    width:18px;
    text-align: center;
    height: 20px;
    display: block;
    font-size: 12px;
    top: 6px;
    right: 10px;
    background: url(../images/insurance/insur-icon.png); 
}

.beyondTip {
 position: absolute;
 top: 0;  
 left: 140px;
}
.alert-select {
    display:inline-block;
    position: relative;
}
.alert-select .select-div{
    width: 200px;
    height: 30px;
    border: solid 1px #667485;
    padding:1px 1px 1px 5px;
    line-height: 26px;
    cursor:pointer;
    position: relative;
}
.alert-select .select-div .caret{
    position: absolute;
    width: 0;
    height: 0;
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    border-top:6px solid rgba(117, 132, 155, 0.6);
    margin-top: 0;
    right: 10px;
    top: 12px;
}
.alert-select .option-div{
    position: absolute;
    top:30px;
    left:0px;
    width:200px;
    background-color: #2c3041;
    box-shadow: 0px 2px 4px 0px #101318;
    z-index:99;
}
.alert-select .option-div .option-li{
    width: 200px;
    height: 32px;
    line-height: 32px;
    padding-left:10px;
    cursor:pointer;
    color: #75849b;
    transition:all .1s linear 0s;
}
.alert-select .option-div .active{
    background-color: #364157;
    color: #c5cce0;
}
.alert-select .option-div .option-li:hover{
    background-color: #364157;
    color: #c5cce0;
}
.floor-nav .icon-steam:before{
    content: ''
}
#hole-fixed-bar .icon-pubg:before{
    content:''
}